WEB,  Работа

Внедрение нестандартного шрифта в шаблон сайта

Встала задача, сделать на сайте сторонний шрифт, а именно китайское написание. В начале пошел по поиску в Google Font, но там не нашел нужного мне шрифта. В итоге пошел искать, где взять нормальный шрифт похожий на китайский, таким оказался ChinaCyr.ttf

Потом встала задача, как же впихнуть шрифт каждому пользователю?

Нашел замечательный сервис для автоматической генерации шрифта в веб шрифт. Главное поставить галочку напротив пункта:

2016-03-09_214912

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

В css вставляем следующий код:

А там где нам необходим новый набор шрифтов, используем:

В итоге получаем вот такой результат:

2016-03-09_141319

2016-03-09_141331

Поделиться статьей:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку Отправить комментарий Я даю согласие на обработку персональных данных.