Font weight css: Свойство font-weight, насыщенность шрифта — Оформление текста — HTML Academy

Разное 

seodon.ru | CSS справочник — font-weight

Опубликовано: 18.08.2010 Последняя правка: 10.12.2015

Свойство CSS font-weight используется для изменения жирности (веса, насыщенности) шрифта элемента. Поиск подходящего шрифта браузер осуществляет в пределах списка шрифтов заданных свойством font-family. Например для жирного шрифта Arial браузер будет искать в операционной системе пользователя шрифт Arial с пометкой «bold» или какой-то подобной.

Но тут не все так просто. Максимально допустимая шкала жирности шрифтов имеет девять градаций насыщенности, от самой светлой до самой темной. Но не у всех существующих шрифтов есть эти девять градаций, например один шрифт может иметь только две — regular и bold, другой три — regular, medium и bold, а третий вообще только одну. Причем эти пометки не обязательно называются именно так, допустим вместо regular может быть указано book, а вместо bold — black.

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

У другого, пометка bold — это нормальная жирность, а heavy — повышенная, так как он в принципе создавался, как жирный шрифт и не имеет светлых вариантов.

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

Тип свойства

Назначение: шрифты.

Применяется: ко всем элементам.

Наследуется: да.

Значения

Значением свойства font-weight является указание жирности шрифта одним из следующих способов.

  • Число — число от 100 до 900 с шагом в 100, где 100 — самый светлый, 400 — нормальный шрифт данной гарнитуры, 700 — жирный, а 900 — самый жирный. Если шрифт имеет менее девяти градаций, то браузеры объединяют несколько значений. Например, при font-weight равном 100, 200, 300 или 400 они могут использовать шрифт нормальной жирности, при 500 — повышенной, при 600, 700, 800, 900 — самой высокой.
  • normal — нормальная жирность данной гарнитуры, аналог 400.
  • bold — жирный шрифт, аналог 700.
  • bolder — увеличивает жирность шрифта на 100 относительно наследуемой от родительского элемента. Если в данной гарнитуре такого шрифта нет, то устанавливается ближайший более жирный шрифт, который существует (если существует).
  • lighter — уменьшает жирность шрифта на 100 относительно родительского элемента.
  • inherit — наследует значение font-weight от родительского элемента.

Процентная запись: не существует.

Значение по умолчанию: normal.

При использовании font-weight: bolder или lighter необходимо учитывать, что дочерние элементы наследуют не эти значения, а те, которые получились в итоге.

Синтаксис

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

Пример CSS: использование font-weight

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict. dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - CSS свойство font-weight</title>
  <style type="text/css">
   #div1 {
    font-family: Times, serif; /* шрифт Times */
   }
   #div2 {
   font-weight: bolder; /* увеличение жирности */
   }
  </style>
 </head>
 <body>
  <div>
   Шрифт Times с font-weight: 400.
   <div>
    Times с font-weight: bolder, у него это bold или 700.
    <div>Times с font-weight: bold или 700.</div>
   </div>
  </div>
 </body>
</html>

Результат примера

Результат. Использование свойства CSS font-weight.

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:ДаДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6. 0 и 7.08.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ЧастичноДаДаДаДаДа

Internet Explorer 6.0 и 7.0 не понимают значение inherit.

Форматирование текста (font-weight, font-style, font-size, text-indent) в HTML

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

Жирность текста (font-weight)

С первого взгляда свойство font-weight дублирует тег <b>. То есть делает текст жирным. Но не спешите с выводами, потому что это свойство может различать градации жирного. Для этого у него есть несколько значений:
  • normal — нормальная жирность шрифта (то есть нет жирного)
  • bold — текст будет выделен жирным
  • bolder — текст будет жирнее, чем жирность текста у родительского элемента
  • lighter — текст будет менее жирным, чем текст у родительского элемента
Приведём пример:
Тише, <span>мыши</span>, кот на крыше.
Получится такой результат:
Тише, мыши, кот на крыше.
Помимо эти названий свойство font-weight может принимать численные значения: 100, 200, 300, 400 и т.д. до 900. Чем больше цифра — тем жирнее текст. Нормальный текст без выделения жирным соответствует цифре 400. Выделенный жирным текст соответствует цифре 700.

Далеко не у всех шрифтов есть весь набор градаций жирного. Обычно используются только два: bold и normal варианты. Поэтому в таких ситуациях какую цифру ни ставь, все равно получишь только 2 варианта жирности. Но через CSS можно подключить шрифты (указать адреса файлов), в которых будет все остальные градации жирности.

Курсив (font-style)

Курсив можно получить с помощью тега <i>. Но ещё и через свойство
font-style со значением italic. Приведём пример:
Тише, <span>мыши</span>, кот на крыше.
Получится такой результат:
Тише, мыши, кот на крыше.
Чтобы сделать из курсива нормальный шрифт, используйте «font-style: normal;»

Размер шрифта (font-size)

Через CSS свойство font-size можно задать размер шрифта. Это свойство может принимать несколько единиц измерений. Перечислим их в порядке убывания популярности использования:
  • px — пикселы,
  • % — проценты (от размера шрифта родительского элемента)
  • em — высота шрифта элемента (единица — это сто процентов от размера шрифта родительского элемента),
  • pt — пункты (по сути пиксели, но в пропорции 12pt = 16px)
  • текстовые названия размеров: xx-small, x-small, smal, medium, large, x-large, xx-large
  • ex — высота символа х (единица — это сто процентов),
Приведём пример использования. Постараемся сделать примерно одинаковый размер шрифта, используя все возможные единицы измерений:
Тише, <span>мыши</span>, кот на крыше.
Тише, <span>мыши</span>, кот на крыше.
Тише, <span>мыши</span>, кот на крыше.
Тише, <span>мыши</span>, кот на крыше.
Тише, <span>мыши</span>, кот на крыше.
Тише, <span>мыши</span>, кот на крыше.
Получится такой результат:
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.
Тише, мыши, кот на крыше.

Красная строка (text-indent)

Наверное, вы уже заметили, что HTML не воспринимает пробелы. То есть если в HTML коде поставить сотню пробелов между словами, а потом открыть этот HTML файл в браузере, то пробелы заменятся на один. Из-за этого и нет возможности сделать красную строку в абзаце. Но на помощь приходит CSS свойство
text-indent, которое может сделать этот отступ. Значение этого свойства задаются в пикселях. Приведём пример:
<div>
   Тише, мыши, кот на крыше,<br>
   а котята ещё выше.
</div>
В браузере будет показано так:

Тише, мыши, кот на крыше,
а котята ещё выше.

font-weight — cssprofi.

ru

Поддержка браузеров

 

Описание

Свойство font-weight позволяет указать, насколько жирным будут выглядеть текст. Как вы знаете, жирный текст выглядит темнее и немного толще, чем обычный. Вы можете использовать полужирный текст для любого элемента, задав свойству значение bold.

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

Для свойства font-weight предусмотрены также два относительных значения: bolder и lighter. Они сделают текст более или менее плотным по сравнению с унаследованным значением. Эти значения используются редко, так как немногие шрифты поддерживают столь слабые различия в плотности.

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

Значение по умолчанию: normal
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.fontWeight=»900″


Значения свойства
Значение Описание
normal Определяет стандартное написание символов.
bold Задает жирное начертание символов в тексте.
bolder Тоже самое, что и bold.
lighter тоже самое, что и normal.
100
200
300
400
500
600
700
800
900		 Определяет толщину шрифта по заданному значению, от 0 до 500 — стандартное начертание шрифта, от 600 до 900 — жирное начертание.
inherit Указывает, что значение наследуется от родительского элемента.


 

Введение в вес шрифта HTML / CSS

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

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

Если вы хотите попробовать это самостоятельно, скопируйте код и вставьте его в текстовый редактор, например Блокнот или Блокнот ++. Мы сделаем жирность шрифта «жирным».

Как сделать текст полужирным в CSS


< html >
< head >

< style type = text / css>

/ * Styles * /

p {
color: red;
font-weight: жирный;
шрифт: 18px Arial, Helvetica, без засечек;
}

style >
head >

< body >

< p > Udacity - это место, где вы можете узнать о толщине шрифта p >

body >
html >

Этот код HTML и CSS, взаимодействующий вместе, поясняется на следующем рисунке:

Результат на вашей веб-странице следующий. Обратите внимание на текст BOLD .

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

Что нужно знать об использовании числовых значений

Хотя на самом деле существуют следующие числовые значения, которые вы можете использовать для определения «жирности» отображаемого текста: 100, 200, 300, 400, 500, 600, 700, 800 и 900, фактический результат будет зависеть от того, какой шрифт вы используете в своем CSS.

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

Числовые значения следующие:

  • 100 — тонкий
  • 200 — сверхлегкий (сверхлегкий)
  • 300 — светлый
  • 400 — нормальный
  • 500 — средний
  • 600 — полужирный (полужирный)
  • 700 — полужирный
  • 800 — экстра Полужирный (Ultra Bold)
  • 900 — Черный (жирный)

Вот несколько примеров различных значений начертания шрифта:

Примечание: Мы будем использовать семейство шрифтов : Helvetica, Arial, sans-serif; для этой демонстрации.

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

Сценарии использования

Когда дело доходит до стиля, будут моменты, когда вы захотите либо выделить свой текст, либо сделать его менее заметным.

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

Например:


< html >
< head >

< style type = text / css>

/ * Styles * /

p {
color: grey;
font-weight: 100;
размер шрифта: 18 пикселей; Семейство шрифтов
: Arial, Helvetica, sans-serif;
}

style >
head >

< body >

< p > Udacity - это место, где вы можете узнать о толщине шрифта p >

body >
html >

Веб-результат использования числового шрифта 100 будет выглядеть следующим образом:

Теперь, если вы хотите подчеркнуть суть вашего сообщения, увеличьте толщину шрифта, добавив большее число.

Например:


< html >
< head >

< style type = text / css>

/ * Styles * /

p {
color: grey;
font-weight: 900;
размер шрифта: 18 пикселей; Семейство шрифтов
: Arial, Helvetica, sans-serif;
}

style >
head >

< body >

< p > Udacity - это место, где вы можете узнать о толщине шрифта p >

body >
html >

Веб-результат использования числового шрифта 900 будет выглядеть следующим образом:

В мире веб-создания разные браузеры иногда могут давать разные результаты.

Давайте проверим это. Мы будем использовать следующий код для примера:




Udacity - это место, где вы можете узнать о толщине шрифта


Тип браузера Объем выборки
Google Chrome
FireFox
Microsoft Edge
Internet Explorer

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

Outro: (Куда дальше?)

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

Зарегистрируйтесь сегодня в нашей программе «Введение в программирование Nanodegree»!

Начать обучение

Вес шрифта

CSS — javatpoint

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

Синтаксис

вес шрифта: нормальный | зажигалка | смелее | жирный | номер | наследовать | начальный | отключено;

Значения собственности

нормальный: Это шрифт по умолчанию с числовым значением 400.

lighter: Он учитывает существующий вес шрифта семейства шрифтов и делает его легче по сравнению с родительским элементом.

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

bold: Как следует из названия, он используется для определения жирного шрифта, и его числовое значение составляет 700.

номер: Используется для установки веса шрифта на основе указанного числа.Его диапазон может быть от 1 до 1000.

начальный: Он используется для установки значения шрифта по умолчанию.

Давайте посмотрим на пример этого свойства.

Пример

свойство font-weight <стиль> тело{ семейство шрифтов: без засечек; } п.один{ шрифт: нормальный; } p. two { font-weight: светлее; } p.three { font-weight: жирнее; } p.four { font-weight: жирный; } p.five { font-weight: 1000; } p.six { font-weight: начальный; } п.Семь{ вес шрифта: наследовать; } p.eight { font-weight: не установлено; }

нормальная стоимость собственности

меньшая стоимость недвижимости

более смелое значение свойства

жирным шрифтом стоимость собственности

числовое значение свойства

начальное значение свойства

наследовать стоимость собственности

неустановленное значение свойства

Проверить это сейчас

CSS font-weight

Пример <стиль> п { размер шрифта: 2em; } . смелый { font-weight: жирный; }

Обычный текст. Жирный текст. Опять нормальный.

Свойство CSS font-weight используется для указания веса шрифта.Вы можете указать шрифт полужирный или другое соответствующее значение.

Хотя свойство font-weight обычно используется для определения полужирного текста, его также можно использовать для определения конкретного веса начертания шрифта. Многие шрифты бывают разного веса. Вы можете указать, чтобы основной текст отображался светлым шрифтом, например 300 , а индикаторы статей отображались, скажем, 500 . Это предполагает, что такие веса доступны для конкретного используемого начертания шрифта.

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

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

Совет: используйте шрифт , чтобы установить наиболее общие свойства шрифта за один раз.

Синтаксис

вес шрифта: нормальный | жирный | смелее | зажигалка | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Возможные значения

нормальный
То же, что и 400 .
полужирный
То же, что и 700 .
полужирный
Задает более жирный вес, чем унаследованное значение.
зажигалка
Задает меньший вес, чем унаследованное значение.
100
Тонкий.
200
Extra Light (Ультра легкий).
300
Свет.
400
Нормальный.
500
Средний.
600
Полужирный (Demi Bold).
700
Полужирный.
800
Extra Bold (Ультра жирный).
900
Черный (Heavy).

Кроме того, все свойства CSS также принимают следующие значения ключевых слов всего CSS в качестве единственного компонента значения своего свойства:

начальный
Представляет значение, указанное в качестве начального значения свойства.
наследовать
Представляет вычисленное значение свойства родительского элемента.
снято
Это значение действует как наследует или как начальный , в зависимости от того, унаследовано свойство или нет. Другими словами, он устанавливает для всех свойств их родительское значение, если они наследуются, или их начальное значение, если они не наследуются.

Общая информация

Начальное значение
нормальный
Относится к
Все элементы
Унаследовано?
Есть
Медиа
Визуальный
Анимационный
Да (см. Пример)

Пример кода

п { font-weight: 300; } сильный { font-weight: жирнее; }

Официальные спецификации

CSS свойство font-weight — Tutorial Republic

Тема: Справочник по свойствам CSS3 Пред. | След.

Описание

Свойство font-weight CSS устанавливает насыщенность или жирность шрифта.

В следующей таблице приведены контекст использования и история версий этого свойства.

Значение по умолчанию: нормальный
Применимо к: Все элементы
Унаследовано: Есть
Анимация: Да. См. анимируемых свойств .
Версия: CSS 1, 2, 3

Синтаксис

Синтаксис свойства задается следующим образом:

 font-weight:
нормальный | жирный | смелее | зажигалка | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | начальная | унаследовать

Пример ниже показывает свойство font-weight в действии.

  h2 {
    шрифт: нормальный;
}
п {
    font-weight: жирный;
}

Значения собственности

В следующей таблице описаны значения этого свойства.

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

Числовые значения с 100 по 900 образуют упорядоченную последовательность, где каждое число указывает вес, равный или более темный, чем его предшественник.

Ключевое слово нормальный совпадает с 400 , а жирный то же самое, что 700 .

200
300
400
500
600
700
800
900
начальная Устанавливает для этого свойства значение по умолчанию.
наследовать Если указано, связанный элемент принимает вычисленное значение свойства родительского элемента font-weight.

Совместимость с браузером

Свойство font-weight поддерживается во всех основных современных браузерах.

Базовая поддержка -

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 3+
  • Apple Safari 1+
  • Опера 3.5+

Дополнительная литература

См. Учебник по следующим темам: CSS-шрифты, CSS-текст.

Связанные свойства и правила at: font , font-style , font-option , font-size , line-height , font-family , @ font-face .

CSS | Свойство font-weight - GeeksforGeeks

< html >

< head > 4 2 > свойство font-weight title >

< style >

body {

font-weight: жирный;

font-family: sans-serif;

}

стр.один {

font-weight: жирный;

}

p.two {

font-weight: более светлый;

}

p.three {

font-weight: 1000;

}

стр.четыре {

font-weight: начальный;

}

стиль >

головка >

< корпус >

< p class = «один» >

Подготовьтесь к приводу набора персонала

, компании, основанные на таких компаниях, как Microsoft, Amazon, Adobe

и т. Д. С бесплатной онлайн-подготовкой к размещению

курс.Курс посвящен различным вопросам MCQ

и кодированию, которые, вероятно, будут заданы в интервью

и сделают ваше предстоящее размещение

эффективным и успешным сезоном.

p >

< p класс = «два» >

Подготовьтесь к набору персонала для продукта

компаний, таких как Microsoft, Amazon, Adobe

и т. Д., С бесплатной подготовкой к размещению в Интернете

курс.Курс посвящен различным вопросам MCQ

и кодированию, которые, вероятно, будут заданы в интервью

и сделают ваше предстоящее размещение

эффективным и успешным сезоном.

p >

< p класс = «тройка» >

Подготовьтесь к набору персонала для продукта

компаний, таких как Microsoft, Amazon, Adobe

и т. Д., С бесплатной подготовкой к размещению в Интернете

курс.Курс посвящен различным вопросам MCQ

и кодированию, которые, вероятно, будут заданы в интервью

и сделают ваше предстоящее размещение

эффективным и успешным сезоном.

p >

< p class = «четверка» >

Подготовьтесь к набору персонала по продукту

компаний, таких как Microsoft, Amazon, Adobe

и т. Д., С бесплатной подготовкой к размещению онлайн

курс.Курс посвящен различным вопросам MCQ

и кодированию, которые, вероятно, будут заданы в интервью

и сделают ваше предстоящее размещение

эффективным и успешным сезоном.

p >

body >

html >

font-weight-notation · stylelint

Требовать числовые или именованные (где возможно) font-weight значений.Кроме того, когда ожидаются именованные значения, требуются только действительные имена.

  a {font-weight: bold}


{font: italic small-caps 600 16px / 3 cursive; }

Допустимые названия толщины шрифта: нормальный , полужирный , полужирный и более светлый .

Это правило игнорирует синтаксисы переменных $ sass , @less и var (- custom-property) .

Опции

строка : «числовой» | «по возможности»

"числовой"

font-weight значения всегда должны быть числами .

Нарушениями считаются следующие образцы:

  a {font-weight: bold; }
  
  a {font: italic normal 20px sans-serif; }

Следующие модели являются не признанными нарушениями :

  a {font-weight: 700; }
  
  a {font: italic 400 20px; }

"по возможности поименовано"

font-weight значений всегда должны быть ключевыми словами, если доступно соответствующее ключевое слово.

Это означает, что будут отклонены только 400 и 700 , потому что это единственные числа с эквивалентами ключевых слов ( нормальный и полужирный ).

Нарушениями считаются следующие образцы:

  a {font-weight: 700; }
  
  a {font: italic 400 20px без засечек; }

Следующие модели являются не признанными нарушениями :

  a {font-weight: bold; }
  
  a {font: italic normal 20px sans-serif; }

Дополнительные вторичные опции

игнорировать: ["родственник"]

Игнорировать относительных ключевых слов для более жирного и более светлого .

Следующие модели являются не признанными нарушениями :

  a {font-weight: 400; }
а б {font-weight: светлее; }

CSS2 >> Свойства >> font-weight

Версия: Уровень 1

Совместимость: IE4 + N4 +

Синтаксис:
font-weight: normal | жирный | смелее | зажигалка | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
100 ... 900
Значения 100,200,300,400,500,600,700,800,900 обеспечивают девять ступеней полужирности.Чем больше число, тем больше смелости. Это относительная числовая шкала, где 400 обычно соответствует нормальному и 700 жирному . Количество изменений, вызванных каждым шагом, будет определяться отдельным компьютером / браузером.
светлее
Значение светлее делает символ более тонким и, следовательно, уменьшает жирность. Сумма изменений будет определяться отдельным компьютером / браузером.
более жирный
более жирный значение делает символ более толстым и, следовательно, увеличивает жирность. Сумма изменений будет определяться отдельным компьютером / браузером.
полужирный
Значение полужирным шрифтом соответствует тегу в HTML. В числовой шкале от 100 до 900 жирным шрифтом обычно считается 700 .
нормальный
нормальный значение по умолчанию.По числовой шкале от 100 до 900 нормальный обычно считается 400 . Объявив нормальным , вы можете гарантировать, что любое предыдущее объявление не повлияет на выбранный текст.

Свойство font-weight позволяет вам выбрать, насколько толстыми или тонкими будут отображаться символы текста. Это свойство передается по наследству.

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

Многие браузеры распознают только обычный шрифт и полужирный шрифт .

Примеры

Код:
p {font-weight: normal; }
p {font-weight: bold; }
p {font-weight: жирнее; }
п {font-weight: lighter; }
p {font-weight: 600; }
Язык (и): CSS2

Код:
100
200
300
400
500 < / span>
600
700
800
900
Вывод:
светлее
нормальный
жирный
смелее
100
200
300
400
500
600
700
800
900
Язык (и): CSS2

См.

No related posts.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *