Question

I’m trying to use the MusiSync font to embed a sharp and flat symbol in a line of text. In order to keep these symbols from being tiny I have to make their point size twice the size of the rest of the text. Unfortunately, this messes up the line height in Internet Explorer and I cannot find a way to control it. You can download the MusiSync font at:

http://www.icogitate.com/~ergosum/fonts/musicfonts.htm

My attempt to use this font in a web page can be found at:

http://www.williamsportwebdeveloper.com/MusiSync.htm

Answer 1

I opened up Photoshop and used the font you link to. There is a huge amount of white-space above each glyph in the font itself. The font is poorly designed.

If you set your style to this, you’ll see the issue:

.style2 {     font-family: MusiSync;     font-size: 24pt;     border:1px solid #000000; } 

The problem appears in FireFiox 3 as well, its just manifesting itself a little differently.

You may be able to hack your way around this somehow, but it’s going to be ugly. Unless you’re using a lot of different font sizes, you may be better of using images.