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


При помощи CSS свойства font-weight можно добавить жирности тексту (шрифту), не используя при этом теги <strong> и <b>. Данное CSS свойство можно использовать для текста и в программе WYSIWYG Web Builder.
Пример свойства font-weight с значением: bold;
<span class="bold_txt">жирный шрифт</span>
Вышеуказанном примере данное свойство было применено через class="bold_txt", где и было прописано свойство font-weight: bold; (параметр bold - это эквивалент стандартному полужирному тексту с значением: 700).
Возможные значения для font-weight:
normal - обычный вариант текста
bold - стандартный полужирный текст
inherit - текст наследует параметры (свойства) родительского элемента
lighter - убавляет жирность текста относительно насыщенности родителя
bolder - прибавляет жирность тексту относительно насыщенности родителя
Числовые значения для font-weight:
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Толщина шрифта равная 700 - это эквивалент значения: bold
Толщина шрифта равная 400 - это эквивалент значения: normal
Пример с числовым значением:
текст с значением: 900

Использование font-weight в WYSIWYG Web Builder


В программе WYSIWYG Web Builder css свойство: font-weight для текста, можно задать двумя способами. В первом способе через вкладку CSS3 (для всего текста), а вторым способом через Менеджер Стилей (для фрагмента текста).
Пример для всего блока с текстом:
шрифт текста с значение: 600
Для всего текста (первый способ):
Свойства текста (объекта) -- CSS3 анимация
в разделе -- Переходы -- нажать -- Добавить

Триггер: (default)
Длительность: 0
Свойство: font-weight
Значение: bold (или ваше)
Добавить жирности шрифту для всего блока с текстом лучше в HTML-исходнике этого текста, во вкладке -- Особый стиль -- прописать: font-weight: bold; (или ваше значение), а CSS3 параметры используйте для анимации.
Первый способ (для всего текста) можно применять, например, когда вам нужно сделать подзаголовок или необходимо по дизайну веб-страницы выделить весь текст жирным шрифтом в блоке, без использования тегов strong и b.
Пример для части текста в div блоке:
обычный текст шрифт с значением bold обычный текст
Для фрагмента текста (второй способ):
Главное меню -- Инструменты -- Менеджер стилей -- Добавить
Имя стиля: придумайте имя, обязательно на латинице

в разделе -- Шрифт --
Имя шрифта: Arial (выберите шрифт тексту)
Размер шрифта: 12 (выберите размер тексту)
Цвет текста: #000000 (выберите цвет для текста)

Внизу, где кнопки, нажмите -- Дополнительно
Пропишите между скобок: font-weight: bold;
Не удаляйте остальные строки кода

Далее выберите блок с текстом и выделите нужный фрагмент
Нажмите правую кнопку мыши -- Стиль -- выберите ваш стиль
Во втором варианте для жирности текста в свойстве font-weight можно прописать только значения: bold или normal, но в созданном стиле можно изменить: размер, шрифт, цвет и т. д., тем самым подобрать нужный вариант для текста.