src: local("Scriptorama"),
/* далее для всех остальных браузеров */
src: local("Scriptorama"),
/* только для Internet Explorer */
В итоге подключение шрифта в стилях будет выглядеть в виде такого хака:
шифрует файл: в файл шрифта записывается информация, где он должен быть использован. Вне этого адреса этот шрифт работать не будет.
сжимает файл шрифта, делая его вес в разы меньше (судя по тестам коллег этот метод лучше сжимает чем и RAR, и ZIP, и gzip методы)
Вот только для IE не все так просто. Хотя он и первый начал поддерживать внедрение сторонних шрифтов (еще с 1997 года с выходом Internet Explorera 4-й версии!!!), он требует особого формата для шрифта — EOT (Embedded OpenType). Формат EOT решает сразу две задачи:
Таким методом можно внедрить любой шрифт форматов и .
url(path-to/Scriptorama.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
src: local("Scriptorama"), /* проверяем наличие шрифта в ОС пользователя */
font-family: Scriptorama; /* имя шрифта для CSS правил */
Используем CSS правило , которое позволяет импортировать внешний файл шрифта в документ. Это значит, что если у пользователя не установлен нужный шрифт, он подгрузится с сервера без установки в операционную систему.
Внедрить нестандартный шрифт без использования картинок, javascript и flash. Используем только последние достижения в .
Нестандартный шрифт в отличии от — это шрифт, который с большой вероятностью будет отсутствовать у большинства посетителей сайта.
В очередном проекте в очередной раз вижу заголовки и меню нестандартным шрифтом. Сделать картинками? Отстой: неудобно, негибко, медленно. Flash? Терпеть его не могу. Javascript? Лучшее конечно на сейчас решение, но все равно это костыль, который напоминает об инвалидности браузеров. Пора покопать стандарты: что предлагают и где это уже работает.
Дата публикации: 15.06.2010 Последнее обновление: 04.08.2011
Подготовил: Евгений Рыжков
@font-face. Нестандартный шрифт средствами CSS.
@font-face. Нестандартный шрифт средствами CSS.
Комментариев нет:
Отправить комментарий