Нестандартный шрифт на сайте? Легко, просто и быстро!

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

К примеру вы захотели применить нестандартный шрифт на своем сайте и не знаете с чего начать — я подскажу.

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


1. Google Fonts

Google — компания добра, как известно, так вот ребята собрали огромную коллекцию шрифтов для вебмастера и упростили интеграцию прямо-таки всего до двух строк.

К примеру вы выбрали понравившийся шрифт, для его интеграции вставьте строку @import в файл стилей своего проекта:

@import url(http://fonts.googleapis.com/css?family=Roboto);

И далее в файле стилей для нужных классов пропишите параметр шрифта, лично я делаю все одной строкой, к примеру так:

/* нестандартный шрифт */
h1, h2, .myclass, .allclass { font-family: 'Roboto', sans-serif; }

2. WebFont.ru

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

Применение: Смотрите пункт 1, схема интеграции аналогичная, только шрифт лучше скачать и прописать свой путь к нему на своем сервере.


3. WebFonts.pro

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

Поделиться в социальных сетях
ВКонтакте
Facebook
WhatsApp
Telegram
Автор статьи
Выгодный хостинг
Хостинг Beget

Выгодная партнёрская программа! Верните на свой счёт 20% с любой суммы от оплаты хостинга Beget!

Новое в блоге

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

Смотрите также

Watch now

Написать в мессенджер

Связаться с нами прямо сейчас!