Bold font style css: HTML DOM Style fontWeight Property

Свойство веса шрифта CSS и жирный стиль текста в HTML

21 марта 2019 г. В основном вы можете применить к тексту полужирный, светлый и нормальный вес. Диапазон затемнения от 100 до 1000.

Пример 1. Код свойства «Шрифт шрифта» для выделения текста HTML жирным шрифтом

  <голова>
<стиль>
.а
{
шрифт-Вес: полужирный;
}

  
  <тело>
Это стиль шрифта по умолчанию для элемента абзаца.
Lorem ipsum urna condimentum pellentesque id nibh tortor id aliquet. Ut pharetra sit amet aliquam id diam maecenas ultricies mattis.
  

 

В приведенном выше коде мы применяем полужирный шрифт к элементу абзаца HTML.

Как отображать текст в HTML жирным шрифтом с помощью свойства «Шрифт шрифта CSS»

Вы также устанавливаете яркость шрифтов в качестве требования. Диапазон затемнения варьируется от 100 до 1000. 100 — светлее для шрифтов, 1000 — темнее для шрифтов. Если вам нужны полужирные шрифты, вам нужно установить значение от 600 до 1000 или также установить { font-Weight: bold; }.

Пример 2. Свойство веса шрифта с числовым значением для установки полужирного текста в HTML

  <голова>
<стиль>
.а
{
шрифт-Вес: полужирный;
}
.б
{
шрифт-Вес: 800;
}

  
  <тело>
Это стиль шрифта по умолчанию для элемента абзаца.
Lorem ipsum d nibh tortd aliquet. Ut phare tra sit amet aliquam id di urna con dime ntum pel nibh tortd aliquet.
Lorem ipsum d amet aliquam id di urna con dime nibh tortd aliquet. Ut phare tra sit ce ultri cies mattis.
  

 

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

Свойство веса шрифта с более светлым или маленьким числовым значением

Вы также можете установить более светлый оттенок шрифта в качестве требования. Диапазон более светлой темноты варьируется от 100 до 500. Если вам нужны светлые шрифты, вам необходимо установить значение от 100 до 500 или также установить { font-Weight: normal; } {Вес шрифта: светлый; }.

Пример 3. Свойство «Шрифт шрифта» для придания тексту нормального внешнего вида

  <голова>
<стиль>
.а
{
шрифт-Вес: светлее;
}
.б
{
шрифт-Вес: 300;
}

  
  <тело>
Это стиль шрифта по умолчанию для элемента абзаца.
Lorem ipsum et phare tra. Ut phare tra amet ali quam ult um d amm ul sum d nib d nibh tortd aliqu.
Lorem ipsum d amet Lorem ipsum d nibh tortd aliquet. Ut phare tra sit amet ali quam ultri cies mattis.
  

 

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

Оставить комментарий к статье

Шрифты CSS | EASEOUT

В этом уроке мы узнаем о работе со шрифтами в CSS!

Шрифт 9Свойство 0044 — это сокращенное свойство, которое может объединять несколько подсвойств в одном объявлении. Например:

 шрифт: обычный курсив, маленькие заглавные полужирный 16px/120% "Helvetica", без засечек;
 

Это эквивалентно:

 font-stretch: normal;
стиль шрифта: курсив;
вариант шрифта: капитель;
вес шрифта: полужирный;
размер шрифта: 16px;
высота строки: 120%;
семейство шрифтов: "Helvetica", без засечек;
 

Давайте подробно рассмотрим каждое из этих свойств!

Свойства шрифта CSS

font-family

Свойство font-family задает семейство шрифтов , которое будет использоваться элементом.

Выбранный шрифт — это не один шрифт, а один из «семейства», так как шрифт состоит из нескольких подшрифтов. Например, полужирный, курсив, светлый и т. д.

 body {
    семейство шрифтов: Helvetica;
}
 

Имя семейства шрифтов соответствует либо встроенному на страницу шрифту, либо доступному в системе пользователя.

Мы также можем выбрать несколько шрифтов, например:

 тело {
    семейство шрифтов: Helvetica, Arial, без засечек;
}
 

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

Типы шрифтов обычно классифицируются как шрифты с засечками, без засечек или моноширинные шрифты. Вот некоторые из самых популярных:

С засечками: Georgia, Times New Roman

Без засечек:

 р {
    высота строки: 1,5;
}
 

 p {
  стиль шрифта: курсив;
}
 

 р {
  размер шрифта: 20px;
}