Артём Поликарпов |
Олег! Недавно я делал сайт с заголовками, набранными кастомным шрифтом. Мне тоже не понравилось, как ведёт себя сайт во время загрузки — в одном браузере скачки шрифтов, в другом пустота вместо текста. В Гугле попадались методы, помогающие побороть только дыры — например, такой — показываем текст стандартным шрифтом, грузим специальный шрифт асинхронно, а при его загрузке уже расставляем классы, включающие это начертание у определённых блоков. Не то! Текст нужно показывать сразу. Я уже хотел убеждать дизайнеров отказаться от красивых заголовков — технология слишком сырая. Но решил пересмотреть код подключения шрифта, и увидел
|
|||||||
Как дальше развивалась моя мысль — не помню, |
Какие браузеры поддерживают WOFF | |||||||
EOT для ИЕ подключил ссылкой на файл, как в первом примере, а скачки в старых версиях списал на грациозную деградацию.
|
Да, файл стал тяжелее, но это не критично, так как те же килобайты грузились бы в виде шрифтового файла. | |||||||
Очень важно разделить подключение эти двух форматов на два файла и не грузить в ИЕ несколько сот лишних килобайт ЦСС. |
О подключении стилей для ИЕ |
P. S. |
Это был совет о разработке
|
|||||||
P. P. S. |
Конвертировать шрифты в нужные форматы и кодировать в base64 удобно на сервисе Font Squirrel.
|