Как использовать CSS для изменения шрифтов на веб-страницах

Приведенные ниже снимки экрана относятся к игровой площадке кода JSFiddle.net, но описанные концепции верны независимо от того, где реализован ваш код.

Найдите текст, шрифт которого вы хотите изменить. Мы будем использовать это в качестве примера:

В атрибуте стиля измените шрифт с помощью семейство шрифтов стиль.

Сохраните изменения, чтобы увидеть эффекты.

Наилучший подход - всегда иметь как минимум два шрифта в вашем стек шрифтов (список шрифтов), чтобы, если в браузере нет первого шрифта, он мог использовать вместо него второй.

В приведенном выше примере используется встроенный стиль, но лучше всего вид стайлинга использует внешняя таблица стилей для изменения более чем одного элемента. Используйте класс, чтобы установить стиль для блоков текста.

Всегда заканчивайте стили CSS точкой с запятой (;). Это не обязательно, когда есть только один стиль, но это хорошая привычка.