Простые варианты стилизации позволяют изменять шрифт (или тип) веб-страницы с помощью CSS (каскадные таблицы стилей). Вы можете установить шрифт отдельных слов, конкретных предложений, заголовков, целых абзацев и даже целых страниц текста.
Как изменить шрифт с помощью CSS
Вы можете внести изменения HTML и CSS, объясненные ниже, используя любой редактор HTML или текстовый редактор. Вы можете скопировать текст со страницы и вставить его в редактор, чтобы внести туда изменения или открыть всю веб-страницу в редакторе и отредактировать напрямую.
-
Найдите текст, в котором вы хотите изменить шрифт. Мы будем использовать это в качестве примера:
Этот текст находится в Arial
-
Окружать текст элементом SPAN:
Этот текст находится в Arial
-
Добавить атрибут стиль = «» к тегу span:
Этот текст находится в Arial
-
В атрибуте стиля измените шрифт, используя семейство шрифтов стиль.
Этот текст находится в Arial
-
Сохраните изменения, чтобы увидеть эффекты.
Советы по использованию CSS для изменения шрифта
-
Лучший подход - всегда иметь по крайней мере два шрифта в вашем стеке шрифтов (список шрифтов), так что если браузер не имеет первого шрифта, он может использовать второй шрифт.
Разделите несколько вариантов шрифтов запятой, например:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
В приведенном выше примере используется встроенный стиль, но лучший стиль стилизации использует внешнюю таблицу стилей, чтобы вы могли воздействовать не только на один элемент. Вы можете использовать класс для установки стиля в блоках текста.
Этот текст находится в Arial
В этом примере CSS-файл для стилизации HTML-кода выглядит следующим образом:
.arial {font-family: Arial; }
-
Всегда заканчивайте стили CSS точкой с запятой (;). Это не требуется, когда есть только один стиль, но это хорошая привычка начинать.