Я использую шрифты Open Sans и Open Sans Light на моем сайте. Ниже приведена ссылка на шрифт googleapis, которую я получаю из шрифтов Google. Я хочу использовать шрифт Open Sans Light и Open Sans в некоторых текстах. Если я выберу open без 300 400 600. и используйте имя шрифта в классе и добавьте font-weight: 300 для подсветки и 400 для обычного, это не работает для ie7 и 8. Он показывает большой шрифт на ie 7.
но с помощью font-weight, связанного с стилем шрифта, отлично подходит для других браузеров. Нужна помощь, чтобы исправить это для ie7 и 8.
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
С помощью Google шрифтов вы не сможете решить эту проблему.
Проблема в том, что IE7/8 понимает только
font-weight:700
который интерпретируется как эквивалент font-weight:bold
а также
font-weight:400
который он интерпретирует как эквивалент font-weight:normal
.
Решением этого является предоставление отдельного файла шрифта для IE7/8, который содержит желаемый шрифт шрифта - google fonts foes не предлагает такого рода резервное копирование, но он очень хорошо разрешен с помощью Typekit, что позволяет вам использовать этот вид правило шрифта кроссбраузера:
font-family: "proxima-nova-n6", "proxima-nova", sans-serif;
font-weight: 600;
Первая декларация - "proxima-nova-n6"
- обеспечивает резерв для IE7/8 для веса 600.
Если вы хотите решить эту проблему без оплаты услуг, вам придется создавать отдельные файлы шрифтов, содержащие различную ширину шрифта, - загрузить их в fontsquirell и создать полный набор форматов, необходимых для охвата всех браузеров. Будьте осторожны с лицензиями - не все шрифты могут быть встроены в Интернет.
.eot
, взгляните на Font Squirrel