Почему мои подстрочные элементы отключают при использовании CSS @font-face?

Я использую Google webfonts API для встраивания Droid Sans на странице. Все в порядке, за исключением подстрочных элементов (т.е. dangly биты на y, g, и т.д.). Последние версии Firefox, IE и Chrome на моем поле Windows Vista все отключают нижнюю часть.




 Droid sans descender test
 
 
 
    

 

A bug ran under the carpet anyway

A bug ran under the carpet anyway

A bug ran under the carpet anyway

Вышеупомянутый код похож на это:

Descenders getting cut off
(источник: thinkdrastic.net)

Я попробовал line-height, font-size, padding и т.д. напрасно. Я имел некоторый успех с font-size-adjust, но прошлый раз, когда я проверил его, был Гекконом только. Кто-либо знает о фиксации для этого?

17
задан Glorfindel 28 July 2019 в 15:16
поделиться

1 ответ

У меня была похожая дилемма, и исправление высоты строки сработало для меня (то есть я добавил этот код в раздел «Пользовательский CSS»):

h2 { line-height: 140%; }
-2
ответ дан 30 November 2019 в 13:40
поделиться
Другие вопросы по тегам:

Похожие вопросы: