Помимо красивого фона и цветов, настройки шрифтов также являются важной частью веб-дизайна. Соответствующие шрифты не только сделают страницу красивее, но и улучшат взаимодействие с пользователем. CSS предоставляет ряд свойств для настройки стилей текстовых шрифтов, таких как изменение шрифтов, управление размером и толщиной шрифта и т. д.
Изучив вышеуказанные свойства CSS, мы можем установить шрифт, размер, стиль, курсив, полужирный шрифт и т. д. для текста в HTML.
1. семейство шрифтов
Атрибут font-family используется для установки шрифта элемента. Шрифт — Song, Kai и т. д.
С помощью атрибута font-family можно одновременно объявить несколько шрифтов, которые разделяются запятыми. В соответствии с принципом вызова шрифта первым будет вызван первый шрифт. Если он не найден, будет опробован следующий шрифт. Если ни один из них не найден, будет вызван шрифт по умолчанию.
Пример:
Например, установите шрифт для текста в следующем теге <p>:
<p>программирование dotcpp</p>
Вы можете использовать селектор тегов, а затем установить его в атрибуте font-family:
p {font-family: 'TimesNewRoman', 'sans-serif',宋体,楷体;}При объявлении шрифтов мы должны объявлять английские шрифты и китайские шрифты отдельно, а объявление английских шрифтов должно быть перед китайскими шрифтами. Потому что большинство китайских шрифтов содержат английские буквы, но они не очень красивые, а английские шрифты не содержат китайских иероглифов. Поэтому, если мы не хотим использовать китайские шрифты для отображения английского языка, мы должны не забыть сначала объявить английские шрифты. Тот, который объявлен первым, будет вызван первым.
Часто используемые английские шрифты: Arial, Helvetica, Tahoma, Verdana, Lucida Grande, Georgia и др.
Часто используемые китайские шрифты: SimSun, SimHei, Microsoft YaHei, FangSong, KaiTi и др.
2.стиль шрифта
font-style устанавливает стиль шрифта. Вы можете установить курсив, курсив или обычный шрифт. Курсивные шрифты обычно определяются как отдельный шрифт в семействе шрифтов.
Общие значения атрибутов для этого рода следующие:
3.вес шрифта
Атрибут font-weight задает жирность шрифта, используемого в тексте отображаемого элемента.
Общие значения свойств для этого свойства следующие:
4.размер шрифта
Атрибут font-size используется для установки размера шрифта. Обычно используемая единица измерения — px, то есть пиксели.
px — это аббревиатура от пикселя, который представляет собой наименьшую единицу цифровых изображений или графики, которая может отображаться и представляться на цифровом устройстве отображения. Пиксель — это основная логическая единица цифровой графики, пиксель также называют элементом изображения.
5. вариант шрифта
Атрибут font-variant может преобразовывать строчные английские буквы в тексте в маленькие прописные (преобразованные прописные буквы по размеру аналогичны строчным буквам до преобразования, поэтому они называются прописными). Необязательные значения атрибута font-variant следующие:
6. шрифт
Атрибут шрифта используется для установки всех атрибутов шрифта в одном объявлении с пробелами, разделяющими каждый атрибут. То есть всеобъемлющий атрибут сокращения вышеуказанных атрибутов.
Если мы используем атрибут шрифта для установки стиля шрифта, порядок установки следующий: стиль шрифта, вариант шрифта, вес шрифта, размер шрифта/высота строки, семейство шрифта. Нет необходимости задавать какие-либо значения, а неустановленные свойства будут использовать значения по умолчанию.