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. демо страница с примером подключения шрифта и инструкцией

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

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

Аватар пользователя dmitry
dmitry, #

Супергуд!

Аватар пользователя Петров Николай
Петров Николай, #

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

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

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

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

Аватар пользователя Plazik
Plazik, #

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

Аватар пользователя q2_faith
q2_faith, #

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

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

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

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