Введение в стили шрифтов HTML

В следующей статье «Стили шрифтов HTML» дается краткое описание наиболее часто используемых стилей шрифтов в HTML. HTML, широко известный как язык разметки гипертекста, является одним из наиболее важных и критических языков или сценариев, которые необходимы при создании веб-приложений и веб-сайтов. Это похоже на основу разработки веб-приложений, так как все теги и другие функции формируют его базовый компонент.

Вся разработка внешнего интерфейса также основана на сценариях HTML. Это можно просто использовать для предоставления тегов разметки, а для того, чтобы улучшить внешний вид этих тегов, у нас есть еще одна очень популярная библиотека, CSS, которая обозначает Каскадные таблицы стилей. Это может быть использовано для реализации всех видов стилей, которые требуются HTML. Шрифт и стили составляют основную часть веб-сайта, и в этой статье мы предоставим вам список большинства стилей шрифтов HTML.

Стили шрифтов HTML:

Шрифты играют очень важную роль в создании более удобного веб-сайта, который привлекает больше трафика помимо повышения читабельности контента. Цвет шрифта и грань шрифта также зависят от компьютера и браузера, который его использует, а тег HTML также используется для добавления стиля, цвета и размера к тексту на вашем веб-сайте.

Тег используется для того, чтобы установить для всего текста, который присутствует на вашем сайте или внутри элемента, одинаковый размер, цвет и лицо. Тэг шрифта состоит из трех атрибутов, а именно цвета и размера лица, которые снова образуют очень важный компонент различных стилей шрифта, представленных на веб-сайте.

Этот тег является наиболее часто используемым и одним из наиболее важных тегов, которые можно использовать для создания приятного внешнего вида вашей веб-страницы. Текст, который будет следовать за открытым тегом, останется таким же образом, пока и не будет закрыт тегом.

Давайте посмотрим на некоторые из основных стилей HTML-шрифтов:

Есть несколько основных функций и характеристик, связанных со стилями шрифтов HTML, и они:

1) Настройка размера шрифта:

Размер шрифта содержимого можно установить, используя атрибуты размера. Принятое значение диапазона лежит от 1, которое является наименьшим числом, и идет до 7, которое является наибольшим числом. Размер по умолчанию для любого типа шрифта - 3.

Пример,



Setting Basic Font Size

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

2) Относительный размер шрифта:

Относительный размер шрифта используется для определения и указания, сколько размеров больше и сколько размеров меньше текущего размера шрифта, который фактически присутствует. Это может быть указано как:

or by writing

Пример,



Relative Font Size

Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"

3) Настройка шрифта лица:

Другая категория после настройки размера шрифта и относительного размера шрифта относится к настройке шрифта. Это является важной частью атрибутов, перечисленных выше. Это можно установить, используя атрибут face, но всегда следует помнить, что если пользователь, которому назначено использовать это значение шрифта, не установил этот шрифт в своей системе, он не сможет его увидеть., Вместо этого будет виден только шрифт по умолчанию, который применим к компьютеру конкретного пользователя.

Пример,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Укажите альтернативные шрифты:

  • Это используется для указания различных типов шрифтов, только если пользователь установил этот конкретный шрифт в своей системе, в противном случае установленный по умолчанию шрифт будет виден. Можно упомянуть более одной, в частности, две или более двух альтернатив шрифта, указав имена шрифтов, которые разделены запятой.
  • Когда веб-страница загружается, браузер будет ответственен за отображение первого в истории шрифта, который будет сгенерирован. Если ни один из предоставленных шрифтов не установлен в системе, то шрифтом по умолчанию, который является Times New Roman, будет отображаться успешно.

Пример,


5) Настройка цвета шрифта:

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

Пример,



Setting Font Color

This text is in pink
This text is red

6) Элемент:

  • Этот элемент специфичен для языка HTML и должен обеспечивать веб-странице размер шрифта, шрифт и цвет по умолчанию для всех частей и компонентов документов, которые не содержатся внутри тега.
  • Тег можно легко использовать для отмены настроек.
  • Этот тег также использует атрибуты color, face и size, которые будут относительно поддерживать все настройки шрифта, предоставляя размер значения +1 для одного размера больше или -2 для двух размеров меньше.

Примеры:



Setting Basefont Color

Это шрифт страницы по умолчанию.

Пример элемента

Вывод-

Шрифт и стили HTML являются одними из наиболее важных компонентов и функций, которые нельзя упускать из виду и могут придать вашему сайту очень хорошую форму и дизайн. Когда мы говорим о последних библиотеках javascript, доступных на рынке, они содержат в себе все эти и несколько других шрифтов и стилей. Для основного HTML это все еще нужно сделать вручную. Надеюсь, вам понравилась наша статья. Следите за обновлениями на нашем блоге, чтобы узнать больше подобных статей

Рекомендуемые статьи

Это было руководство по стилям HTML-шрифтов. Здесь мы обсудили введение и подробное объяснение некоторых основных шрифтов HTML с примерами. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше -

  1. Таблицы стилей HTML
  2. HTML атрибуты
  3. Как работает HTML
  4. Стили списка HTML
  5. HTML блоки