xandeadx.ru Блог музицирующего веб-девелопера

CSS → Кроссбраузерный @font-face

Опубликовано в

Без нудного вступления про бардак в реализации стандартов, хочу поделиться ссылкой на сервис @font-face Kit Generator. Сервис позволяет закачать свой шрифт и с помощью одного клика получить архив, в котором содержится всё для кроссбраузерного подключения закачанного шрифта:

1. шрифт в формате eot для работы в IE 6/7/8
2. шрифт в формате woff для работы в IE9+, FF3.6+, Chrome 5+
3. шрифт в формате ttf
4. шрифт в формате svg для работы в iOS младше 4.2
5. css файл с кроссбраузерной записью @font-face
6. демо страница с примером подключения шрифта и инструкцией

Добавлено 07.05.2013:

Похожие сервисы:

Похожие записи

Комментарии RSS

Супергуд!

Дополняя данный пост должен сказать, что белка может хавать только шрифты «лицензия которых типа подходит для веба».

На практике это означает, что некоторые шрифты она может отказаться сожрать. Например в моем случае это было со шрифтом Myraid Pro.

Есть проги, которые могут переименовывать шрифт таким образом, что белка думает что это не Myraid. Однако даже если удалось обмануть фильтр, не факт что удастся легко найти нужный шрифт с кириллицей.

Короче белка это хорошо, но не для всех шрифтов она может выдать шрифт в один клик.

Как проги называются по переименованию?

хороший ресурс, давно им пользуюсь

В дополнение к Петров Николай, вот генератор лишенный лицензионных предрассудков.

http://fontface.codeandmore.com/

Гость спасибо. Без проблем конвертнул MyriadPro. Белка не дала это сделать.

есть у нее один недостаток - при выдаче стилей подключения не добавляется такой важный параметр как local(font_name),
нужно для того, чтобы сначала браузер проверял нет ли у тебя на машине этого шрифта. И только при отсутствии скачивал бы его

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

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании