Шрифты CSS
Шрифты на сайте являются одним из основных факторов, отвечающих за качество и степень восприятия представленной на сайте информации. Всем известно, что стандартная коллекция шрифтов довольно скудна и скучна, поэтому очень часто становится необходимым использование сторонних шрифтов. Также шрифты HTML помогают в создании собственного стиля компании.
Достаточно богатую коллекцию шрифтов имеет сервис Google Fonts. Также с помощью него довольно просто подключить шрифт к себе на сайт.
Существует 2 основных способа, как подключить шрифт к сайту:
-
С помощью HTML: Между тегами необходимо вставить строку следующего содержания:
@import url(http://fonts.googleapis.com/css?family=Ubuntu);Также сторонние шрифты можно подключить с помощью JavaScript, но ввиду малой актуальности данного метода мы его здесь приводить не будем.
После подключения нужного шрифта мы сможем его использовать следующим образом:
Здесь шрифт Ubuntu применяется к тегу H1 (Название шрифта указывается в свойстве font family.) и цвет шрифта устанавливается с помощью тега color.
При использовании шрифтов от Google необходимо помнить, что отображение нужного шрифта может не поддерживаться в некоторых браузерах (кроме Google Chrome).
В конструкторе сайтов «Нубекс» имеется встроенная коллекция веб-шрифтов, которые можно выбирать непосредственно в настройках дизайна сайта.
Смотрите также:
- Курсив CSS
- Жирный текст CSS
- Зачеркнутый текст HTML
- Тень текста
- Подчеркнутый текст HTML
- Выравнивание текста в HTML
- Цвет шрифта HTML