Сегодняшний пост — это начало серии статей о полужирных шрифтах. Сначала я думал собрать все нюансы и вопросы по этой теме в одном месте, но информации слишком много. Лучше усваивать его постепенно. Итак, прежде чем мы перейдем к рассмотрению различных шрифтов для создания иллюстраций в Photoshop, мы обсудим некоторые вопросы, связанные с версткой. Здесь вы найдете подборку шрифтов: интересные жирные, различные жирные и русские жирные шрифты.
Сегодня мы покажем вам, как выделять слова жирным шрифтом с помощью HTML и CSS. Этот дизайн используется, когда необходимо подчеркнуть информацию на странице. В нем также говорится о простых словах и фразах в тексте, а также о названиях. Его очень легко наносить.
Жирный текст на HTML
Чтобы выделить конкретный текст жирным шрифтом, используйте специальный HTML-тег — и. Например, следующий код.
Обычный текст.
Жирный текст.
Полужирный текст Полужирный.
Это изображение будет извлечено:.
Последние два варианта выглядят визуально одинаково, но немного отличаются. Метка делает простой стилистический акцент на словах, выделенных жирным шрифтом, и одновременно добавляет семантическое "усиленное" (важное) значение. Другими словами, последняя строка — это не только жирный текст, но и важная информация. Как правило, поисковикам рекомендуется использовать именно
Полужирный текст также может отображаться в HTML с помощью стилей.
На сайте это выглядит следующим образом
Жирные текстовые коды в HTML работают нормально, но этого делать не следует. Вся настройка должна быть выполнена в одном файле CSS. Поэтому в приведенном выше примере необходимо указать соответствующий класс для тега
Определите соответствующий класс, а затем запишите дизайн в таблицу стилей. Это правила форматирования кода. Поэтому для жирных шрифтов в HTML используйте.
Жирный текст на CSS
Используйте свойство font-weight для выделения жирным шрифтов CSS. Определяет "насыщенность" участка текста. Значения варьируются от 100 до 900, но наиболее часто используются следующие значения
- Полужирный — 700 по умолчанию, и
- Нормальный — 400 по умолчанию.
Существуют также варианты значений Bold и Lowercase, которые изменяют шрифт на полужирный или жирный соответственно, в зависимости от родителя.
Чтобы установить полужирный текст в CSS, элемент должен быть стилизован. Далее приводится пример.
Затем установите полужирный текст в стиле CSS, а также другие свойства, например, подчеркивание текста.
В качестве альтернативы вы можете написать
Никакой разницы. Кстати, когда речь идет о тегах HTML, стиль по умолчанию выглядит следующим образом
Здесь я хотел бы упомянуть один тонкий нюанс, сказанный о занятиях по макияжу. При создании нового класса для элемента предпочтительнее использовать более или менее "самоочевидное имя". Например, в приведенном выше примере стиль выглядит более логичным, чем он есть на самом деле, потому что его цель частично понятна. Это преимущество для тех, кто будет видеть и использовать ваш макет в будущем.
В следующей статье я расскажу о некоторых интересных жирных шрифтах, которые мне удалось найти.
