Unlimited HostingFree Drupal ThemesFree Drupal Themes

PostHeaderIcon Устанавливаем нестандартный шрифт на сайте для всех браузеров

Я уже как-то писал о том, как установить другой шрифт на сайте, но тот метод работал не для всех браузеров. Теперь я расскажу более универсальный способ, который позволит установить любой шрифт на сайте и доступен он будет всем пользователям, даже обладателям IE

И так, поехали:

Первым делом нужно зайти на сервис, в котором и будет проходить основная работа. Зашли, теперь нужно проделать следующее:

  1. Если вам нужен кирелический шрифт (русский), тогда нажимаете EXPERT..., затем ищите Subsetting: и выбираете галочку Custom Subsetting..., теперь нужно выбрать Cyrillic. Если это не поможет, тогда можете поставить все галочки, чтобы наверняка:)
  2. Если русский шрифт не обязателен, то выбирайте Optimal
  3. Поставьте галочку напротив Agreement:. Тем самым вы подтверждаете, что ваш шрифт бесплатный или приобретен легально.
  4. Теперь жмете на заветную кнопочку Add Fonts, выбираете ваш шрифт и все, пошла его конвертация.
  5. И последнее  - Donwload Your Kit - скачиваете к себе на компьютер

Вот и все. Теперь у вас есть уже HTML страница с готовым шрифтом. Самое ценное из этого архива - это^

  1. Файл *.html
  2. Файлы со шрифтами (у меня их было 4)
  3. Файл stylesheet.css

Остальные не нужны, т.к. служат только для украшения этой самой *.html страницы. В общем нам они бесполезны.

Осталось только разобраться файл *.html (выдрать оттуда строчку <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />  и вставить на сайт), скопировать себе шрифты и все.

Возможно, у вас возник вопрос:"Почему тут не один файл со шрифтом?" Ответ прост - т.к. разные браузеры поддерживают разные форматы шрифтом. Например, IE не умеет читать формат *.ttf, для него нужен *.eot. И другие шрифты тоже нужны для разных браузеров.

Надесь, придет время, когда для всех браузеров нужен будет только 1 файл.

Поиск
Rambler's Top100 Яндекс.Метрика