Итак, у меня есть шрифт, который я в последнее время добавляю на пару сайтов под названием Kondolar. Это прекрасный шрифт, и я на самом деле использую 4 веса шрифта, поэтому на самом деле в моей таблице стилей есть 4 определения @font-face, каждое со своими собственными файлами src.
Для справки, сайты: http://joelglovier.com, http://blog.joelglovier.com (сервер tumblr) и http://hoverfx.com
Итак, проблема, с которой я сталкиваюсь, заключается в том, что пунктуация в этих шрифтах плавает до середины текстовой строки, а не находится на базовой линии шрифта. Я не думаю, что это проблема с самим шрифтом по двум причинам:
- шрифт не отображает это поведение в Photoshop, InDesign, Illustrator или любом другом локальном программном обеспечении.
- действительно странно то, что на одном из этих сайтов есть одно место, где проблема не возникает: http://joelglovier.com во вводной части в самом верху страницы.
Поэтому я склоняюсь к тому, что это проблема с моими стилями, но после проверки с помощью Firebug и просмотра всех примененных стилей, ТАК ЖЕ вычисленных стилей, я просто не могу понять, что вызывает это.
Кроме того, есть один момент, который наводит меня на мысль, что, возможно, это проблема с самим файлом шрифта (не считая пункта номер два выше): у меня есть другое правило @font-face (да, 5-е) для шрифта под названием League Gothic. , и я не вижу такой же проблемы с экземплярами этого шрифта на странице.
Так что же вызывает эту плавающую пунктуацию?
*РЕДАКТИРОВАТЬ: Похоже, затронутые символы — это точка и двоеточие. Знак вопроса, тире и команда правильно выровнены по базовой линии шрифта.
*Снимок экрана: http://www.cl.ly/6tLs