Высота строки CSS в Internet Explorer для шрифта MusiSync

Question

Я пытаюсь использовать шрифт MusiSync, чтобы вставить четкий и плоский символ в строку текста. Чтобы эти символы не были крошечными, я должен увеличить их размер в два раза по сравнению с остальным текстом. К сожалению, это портит высоту строки в Internet Explorer, и я не могу найти способ это контролировать. Вы можете скачать шрифт MusiSync по адресу:

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

Моя попытка использовать этот шрифт на веб-странице может быть найдена по адресу:

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

Answer 1

Я открыл Photoshop и использовал шрифт, на который вы ссылаетесь. Огромное количество пробелов над каждым глифом в самом шрифте. Шрифт плохо оформлен.

Если вы установите свой стиль на это, вы увидите проблему:

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

Проблема возникает и в FireFiox 3, просто она проявляется немного по-другому.

Вы можете каким-то образом взломать этот путь, но это будет ужасно. Если вы не используете много разных размеров шрифта, возможно, вам лучше использовать изображения.

Answer 2

SIFR - отличный выбор для нестандартных шрифтов.

Вы встраиваете шрифт во флэш-фильм (не волнуйтесь, большая часть работы для вас сделана) и добавляете немного кода на свою страницу, и JavaScript-код sIFR заменит классы / id / tags и т. Д. Флэш-фильмом содержащий текст / шрифт, к которому вы стремитесь:

С http://www.mikeindustries.com/blog/sifr/

1. В браузер загружается обычная (X) HTML-страница.
2. Запускается функция javascript, которая сначала проверяет, установлен ли Flash, а затем ищет любые теги, идентификаторы или классы, которые вы указали.
3. Если Flash не установлен (или, очевидно, если JavaScript отключен), HTML-страница (X) отображается как обычно, и больше ничего не происходит. Если Flash установлен, javascript перемещается по источнику вашей страницы, измеряя каждый элемент, который вы обозначили как «sIFRed».
4. После измерения скрипт создает Flash-ролики с одинаковыми размерами и накладывает их поверх исходных элементов, добавляя исходный текст браузера в качестве переменной Flash.
5. Actionscript внутри каждого файла Flash затем рисует этот текст в выбранной вами гарнитуре с размером в 6 пунктов и масштабирует его до тех пор, пока он не будет плотно прилегать к фильму Flash.

Отличное решение для кросс-браузерной платформы для нестандартных шрифтов.

Answer 3

Видя, что вы пытаетесь использовать очень необычный шрифт, почему бы не реализовать sIFR?

Это (возможно) решит и некоторые проблемы с высотой строки.

Читайте здесь.