четверг, 7 февраля 2013 г.

символы и цифры знаки для ксс

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.

Комментариев нет:

Отправить комментарий