Про старі ie, eot і css3111, блокнот Готтфрида квадратного

Проблема: шрифт, перетворений в формат EOT, не сприймається браузерами IE6-8, а IE9 + видають помилку виду "CSS3111: В @ font-face виявлена ​​невідома помилка." :

Про старі ie, eot і css3111, блокнот Готтфрида квадратного

У деяких випадках проблема обумовлена ​​конфліктом назв шрифту і гарнітури, і вирішити її вдається їх корекцією.

Про старі ie, eot і css3111, блокнот Готтфрида квадратного

Суть в наступному: назва EOT-шрифта має починатися з імені гарнітури (сімейства шрифту). Т. е. якщо гарнітура має вигляд 'ABCFont'. то назва 'ABCFont Bold' буде коректним, а 'ABC Font Bold' - немає. У другому випадку IE видасть помилку.

Обидві рядки знаходяться в заголовку EOT-шрифта, куди копіюються конвертується програмою з вихідного файлу. Вихідний шрифт часто має дві назви: технічне і человекочітаемое. Яке саме візьме конвертер і чи буде він проводити будь-яку корекцію - залежить від конвертера. Застосовуваний нижче ttf2eot використовує человекочітаемое назву і ніяких корекцій не виконує.

Для корекції назв можна скористатися fontforge. Послідовність дій така:

  1. Про старі ie, eot і css3111, блокнот Готтфрида квадратного
    відкрити вихідний шрифт (НЕ EOT) в fontforge;
  2. вибрати в меню «Елемент» пункт «Інформація про шрифт» (або натиснути Ctrl + Shift + F); на вкладці «PS Names» відредагувати графи «Гарнітура» і «читати назву» - назва повинна починатися з точного імені гарнітури;

Зауваження: це спрацьовує з ttf2eot. Для будь-якого іншого перетворювача буде потрібно відновити графу «Назва шрифту».

  • Про старі ie, eot і css3111, блокнот Готтфрида квадратного
    експортувати шрифт в TTF - в меню «Файл» вибрати «Створити шрифти» (або натиснути Ctrl + Shift + G);

    Зауваження: не слід заміняти існуючий TTF - цей формат не є для fontforge нативним, тому шрифт може як-небудь постраждати.

  • перетворити отриманий TTF в EOT:

    ttf2eot font .eot

    Корисні посилання:

    Исходник прикладу з батонами (для повноти картини)

  • Copyright © 2024