Установка нестандартных шрифтов на сайт

Шаг 0. Выбор места расположения шрифта.

Для установки нестандартного шрифта на сайт (отсутствующего в коллекции шрифтов рядового посетителя вашего сайта) мы можем:

1. Использовать шрифты, расположенные на специальном хостинге шрифтов;
2. Разместить необходимый шрифт на собственном сервере.

Как вы видите, разница лишь в том, где будут хранится файлы шрифтов, на удаленном или на нашем сервере.

В первом случае мы можем воспользоваться множеством Интерактивных каталогов со встроенным хостингом шрифтов, существует как платные, так и бесплатные сервисы, такие как:

• Google Font;
• Adobe Edge Web Fonts и многие другие.

На данных сервисах заострять внимание мы не будем, так как инструкции по подключению шрифта, как правило, расположены на самой такой площадке. Разберемся как подключить шрифт расположенный на собственном сервере.

Шаг 1. Получить шрифт.

Для установки шрифта на сайт нам понадобится собственно сам шрифт. Шрифт можно сделать самому или все так же подобрать необходимый шрифт в интерактивных каталогах платных и бесплатных шрифтов, таких как:

• Open Font Library и другие.

* Важно знать, что у каждого файла шрифтов может быть свой владелец, распространяющий шрифт под определенной лицензией; использование шрифта, не распространяющегося по свободной лицензией является нарушением авторских прав.

Шаг 2. Установка и использование шрифта.

Скопируйте файлы шрифта (файлы шрифтов имеют расширение: .ttf .eot .woff .svg) в необходимую директорию на вашем сервере, например, ../fonts/.

Для использования шрифта на вашем сайте необходимо в таблице стилей (файл .css) или в теге <style></style> на html странице указать следующий код:

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

После чего шрифт можно использовать при разметке страниц сайтов:

Шаг 2.1. Установка шрифта на локальном компьютере.

Если вы дополнительно хотите использовать шрифт на локальном компьютере, например, для работы в графическом иле текстовом редакторе, необходимо произвести его установку, сделать это можно несколькими способами: 1. переместив файл шрифта в папку со всеми шрифтами системы; 2. или открыв файл .ttf шрифта и нажав кнопку Установить.

Пример использования шрифта: