Проблема рендеринга шрифтов Google с ie7 и 8
Я использую шрифты 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'>
1 ответ
С помощью 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 и создать полный набор форматов, необходимых для охвата всех браузеров. Будьте осторожны с лицензиями - не все шрифты могут быть встроены в Интернет.
Ещё вопросы
- 1Диалоговое окно оповещения в Android
- 1Как расширить компонент Button и разрешить событие пробела
- 1Сортировка предметов в выпадающем списке
- 0Проверка нокаута при связывании hasfocus
- 1График зависимостей. Параллельная обработка
- 0выбрать все товары из дочерних категорий в родительской категории
- 1Gradle, как заменить устаревший 'variableOutput.getPackageLibrary ()' на 'variable.getPackageLibraryProvider ()'?
- 0Combobox не применяется в поле выбора
- 0Сделайте все экземпляры части слова курсивом
- 1Изменить цвет списка, если
- 1Altbeacon 2.16.1 не может сканировать маяки с определенным кодом типа маяка
- 1Бамбуковый плагин для отчетов о огурцах?
- 0AngularJS: тестирование фабрики, которая возвращает обещание, в то же время высмеивая сервис, который использует $ http
- 1Декомпрессия ZLib
- 0заставить код jquery работать для динамически добавляемого контента
- 1Как игнорировать DivideByZeroException в представлениях Razor
- 0установка div со скрытым атрибутом данных с помощью jquery
- 1Селен скроллинг дилемма
- 0Почему моя кнопка не меняет местоположение моего браузера, когда он находится внутри формы?
- 0Как использовать SOAP API с кодом входа в систему и сессией
- 0Адаптивный дизайн изображения не будет масштабироваться при изменении размеров окна
- 1Усечение строки до количества символов X?
- 1Система оценки фигуристов
- 1Попытка написать код Python, который создает новый файл JSON каждый день
- 0Получить HTML-теги как страницу из базы данных
- 1Как составить список строк
- 0Получить закладки из области видимости Chrome
- 1Как вы передаете обнуляемый список объектов с Parcelable
- 1Как вырезать область из маски в cv2 python
- 1Пытаясь создать код Python для печати электронной почты на веб-сайте с IMAP, localhost не отвечает
- 0SQL: Найти всех пользователей, которые имеют свойства в данном списке брендов.
- 0Сценарий Yii не работает при проверке модуля
- 0синтаксическая ошибка Вызов неопределенного метода mysqli :: num_rows ()
- 1Speech to Text - сопоставить метку докладчика с соответствующей расшифровкой в ответе JSON
- 0Как сделать косую черту URL после основного домена с помощью .htaccess
- 1Java-массивы и случайные числа
- 1Каков наилучший алгоритм для получения повторения подстроки длины k в строке в кратчайшие сроки? [Дубликат]
- 1ASP.net web api 2 error «Словарь параметров содержит пустую запись для параметра»
- 1Словарь головоломки
- 0Лучший способ перенаправить старый URL на новый URL
- 1Как подчеркнуть текст пунктирной линией?
- 1Написать характеристику BLE без обнаружения сервисов Android
- 0Установка CSS для Cgridview в YII
- 0меню hoverIntent: намерения входа и выхода, но без анимации между элементами меню
- 1почему в android mobile version 8.1 [oreo] не работает сервис Floating Widget? [приложение становится раздавленным]
- 0Центрировать элемент Div на странице?
- 0Как использовать jQuery «автозаполнение источника» внутри цикла JavaScript для?
- 1разделять / разбивать значения строк и формировать отдельные строки
- 0Фоновая ошибка навигации при наведении
- 0Удаление из таблицы с использованием PHP и MySQL
.eot, взгляните на Font Squirrel