Простые параметры стилей позволяют изменять шрифт веб-страницы с помощью каскадных таблиц стилей . Используйте CSS, чтобы установить шрифт отдельных слов, конкретных предложений, заголовков, целых абзацев и даже целых страниц текста.
Как изменить шрифт с помощью CSS
Внесите изменения HTML и CSS, описанные ниже, используя любой редактор HTML или текстовый редактор .
-
Найдите текст, где вы хотите изменить шрифт. Мы будем использовать это в качестве примера:
Этот текст в Arial
-
Окружите текст элементом SPAN:
<span> Этот текст в Arial </ span>
-
Добавьте атрибут style = «» в тег span:
<span style = ""> Этот текст находится в Arial </ span>
-
В атрибуте style измените шрифт, используя стиль font-family .
<span style = "font-family: Arial"> Этот текст находится в Arial </ span>
Джон Фишер
-
Сохраните изменения, чтобы увидеть эффекты.
Советы по использованию CSS для изменения шрифта
-
Наилучший подход — всегда иметь по крайней мере два шрифта в вашем стеке шрифтов (список шрифтов), чтобы в браузере не было первого шрифта, вместо него можно было использовать второй.
Разделите несколько вариантов шрифта запятой, например так:
семейство шрифтов: Arial, Женева, Helvetica, без засечек;
-
В приведенном выше примере используется встроенное моделирование, но в наилучшем стиле используется внешняя таблица стилей для изменения не только одного элемента. Используйте класс, чтобы установить стиль для блоков текста.
<div class = "arial"> <p> Этот текст находится в Arial </ p> </ div>
В этом примере CSS-файл для стилизации вышеупомянутого HTML будет выглядеть следующим образом:
.arial {font-family: Arial; }
Джон Фишер
-
Всегда заканчивайте стили CSS точкой с запятой (;). Это не требуется, когда есть только один стиль, но это хорошая привычка начинать.
