Нестандартные шрифты в IE

@Panda30 · Регистрация: 03.10.2011

Студворк — интернет-сервис помощи студентам

Добрый день.
первый раз сталкиваюсь с работой с нестандартными шрифтами. Везде все хорошо, кроме IE.
Прочитал, что ему нужен свой .eot формат. Сделал его, подключил вот таким образом

CSS
1
2
3
4
5
6
7
8
9
@font-face {
    font-family: MyriadProRegular;
    src: url(fonts/MyriadPro/MyriadPro-Regular.eot);
}
 
@font-face {
    font-family: MyriadProRegular;
    src: url(fonts/MyriadPro/MyriadPro-Regular.otf);
}

Но в IE все равно отображается Times.
Что я не так делаю? Сам сайт http://auto-body-check.ru
Спасибо!

@whiteapps · 06.02.2015, 08:57

Panda30, Вы предопределили шрифт
подгружаемые шрифты следует указывать в одном src через запятую

CSS
1
2
3
4
5
@font-face {
  font-family: MyriadProRegular;
  src: url('(fonts/MyriadPro/MyriadPro-Regular.eot?') format('eot'), 
         url('fonts/MyriadPro/MyriadPro-Regular.otf') format('otf');
}

@Goldsilver · 06.02.2015, 11:07

Поправьте если не точно:

CSS
1
2
3
4
5
6
font-face {
  font-family: MyriadProRegular;
  src: url('fonts/MyriadPro/MyriadPro-Regular.eot');   /* для IE 9 в режиме совместимости  */                                                
  src: url('fonts/MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* для правильно отображения в IE6-8 (хотя их доля маленькая) */
        url('fonts/MyriadPro/MyriadPro-Regular.otf') format('otf');
}

плюс для жирного, курсивого, и тд. нужно добавить еще кода (не забывайте про это)

п.с. синтаксис вроде правильный

Добавлено через 5 минут
и можно добавить еще форматов (woof, ttf, svg) для других браузеров

@SamcroSOA · 31.03.2015, 02:08

Для IE11 не работает

Может я что-то упустила?

CSS
1
2
3
4
5
6
7
8
9
10
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/MyriadPro-BoldCond.eot');
    src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular.otf') format('opentype'),
         url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
         url('../fonts/MyriadPro-BoldCond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@Raiker · 31.03.2015, 16:07

SamcroSOA, попробуйте так:

CSS
1
2
3
4
5
6
7
8
9
10
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: local('Myriad Pro Bold Condensed'),         /* На случай, если шрифт установлен в системе */
         url('../fonts/MyriadPro-BoldCond.eot') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular.otf') format('opentype'),
         url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
         url('../fonts/MyriadPro-BoldCond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

А код для IE6-IE8 в отдельный файл:

HTML5
1
<!-- [if lte IE 8]><link type="text/css" rel="stylesheet" href="/iefix.css" media="all" /><![endif] -->

CSS
1
2
3
4
5
6
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@SamcroSOA · 31.03.2015, 19:41

Спасибо) Работает... и в первом варианте тоже работало.
Беда в том, что IE игнорит поддержку шрифтом кириллицы

IE11:

Название: 1.JPG
Просмотров: 22

Размер: 10.2 Кб

Chrome:

Название: 2.JPG
Просмотров: 21

Размер: 10.2 Кб

@Raiker · 31.03.2015, 20:14

Сообщение от SamcroSOA

Беда в том, что IE игнорит поддержку шрифтом кириллицы

Может, криво сконвертировали в eot?

@SamcroSOA · 31.03.2015, 21:06

я такой вариант упустила(, спасибо!
MyriadPro-BoldCond не получилось правильно сконвертировать в eot, а с DejaVuSerif-Bold все ок)

Исходя из того, что белка вообще не захотела конвертировать шрифт, а https://www.kirsle.net/wizards/ttf2eot.cgi сгенерировал его криво - мб проблема в самом шрифте...

@Raiker · 01.04.2015, 01:12

Сообщение от SamcroSOA

Исходя из того, что белка вообще не захотела конвертировать шрифт, а https://www.kirsle.net/wizards/ttf2eot.cgi сгенерировал его криво - мб проблема в самом шрифте...

Попробуйте eotfast, возможно поможет.

@SamcroSOA · 01.04.2015, 01:56

Снимаю воображаемую шляпу

- все работает!

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@SamcroSOA 8 / 8 / 5 Регистрация: 24.03.2015 Сообщений: 44
	31.03.2015, 19:41
	Спасибо) Работает... и в первом варианте тоже работало. Беда в том, что IE игнорит поддержку шрифтом кириллицы IE11: Chrome: 0

@SamcroSOA 8 / 8 / 5 Регистрация: 24.03.2015 Сообщений: 44
	31.03.2015, 21:06
	я такой вариант упустила(, спасибо! MyriadPro-BoldCond не получилось правильно сконвертировать в eot, а с DejaVuSerif-Bold все ок) Исходя из того, что белка вообще не захотела конвертировать шрифт, а https://www.kirsle.net/wizards/ttf2eot.cgi сгенерировал его криво - мб проблема в самом шрифте... 0

@SamcroSOA 8 / 8 / 5 Регистрация: 24.03.2015 Сообщений: 44
	01.04.2015, 01:56
	Снимаю воображаемую шляпу - все работает! 0