Не работает жирный шрифт

А если сразу импортировать 700й шрифт, не вариант?

Google Fonts

Making the web more beautiful, fast, and open through great typography

Это можно, но нельзя импортировать шрифт ’ *** Regular ‘, а потом уже задавать ему ширину? У меня просто з толщины этого шрифта используются в сайте, поэтому все 3 импортировать как то не хочется

У меня просто з толщины этого шрифта используются в сайте,

Таким способом все 3 подгружаются?

Да, всё хорошо, спасибо! Но вот у меня вопрос: Почему у меня не получается использовать font-weight?

может шрифт, который грузите, не имеет начертания bold?

Шрифты CSS: подключение. Веб-шрифты. Google Fonts — учебник CSS

В этой главе вы узнаете, как подключать CSS шрифты, что такое веб-шрифты и как с ними работать, какие форматы шрифтов бывают, как пользоваться Google Fonts.

Источник

Не работает свойство css font-weight

Спросил end,
5 августа 2013

Вопрос

Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью.

Небольшое лирическое отступление. Начал делать проект, движок использую WordPress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой.

Мне необходимо реализовать подобие следующего элемента:

Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться):

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

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

, которой придал следующей стиль (и картинке слева тоже):

После некоторых манипуляций (выносил свойства картинки в css, что требовалось для валидации кода) перестали работать свойства font-weight и box-shadow (под картинкой).

Прошу помощи у форумчан, кто чем может=)

Тыкните носом, может как-то по другому стоит это все сделать? И почему отвалились эти свойства?

Изменено 5 августа 2013 пользователем end

Источник

Жирный текст с помощью HTML и CSS

Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным обзорам шрифтов для создания фотошоп иллюстраций рассмотрю вопросы, связанные с версткой. Подборки фонтов найдете тут: интересные жирные, разные bold и русские толстые шрифты.

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

Жирный текст на HTML

Для выделения определенного текста жирным используются специальные HTML теги — и . Например следующий код:

Жирный текст strong.

На выходе дает такую картинку:

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

Вы также можете встретить прописанный в HTML жирный шрифт с помощью стилей:

Пример жирного текста.

Пример текста с жирным словом.

На сайте это отображается так:

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

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

Жирный текст на CSS

Дабы сделать в CSS жирный шрифт используется свойство font-weight. С его помощью указывается «насыщенность» фрагмента текста. Значения могут быть от 100 до 900, но наиболее часто используемые это:

bold (жирный) — 700 по умолчанию;

normal (обычный) — 400 по умолчанию.

Есть также варианты значений bolder и lighter, которые меняют шрифт в зависимости от родителя на более или менее жирный соответственно.

Чтобы задать жирный текст в CSS нужно тому или иному элементу задать какой-то стиль, например:

Обычный текст с жирным выделением по центру.

Далее в CSS стилях вы определяете для него жирность вместе с другими свойствами по типу подчеркивания текста и т.п.:

Либо можно написать:

Разницы нет никакой. Кстати, если говорить о HTML теге , то для него по умолчанию прописан такой стиль:

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

Читайте также: Как настроить апекси рсм
В следующей статье расскажу про интересные жирные шрифты, которые мне удалось найти.

Интересно продолжение цикла статей про жирные шрифты — что еще будет? Жду 🙂

kpp68, завтра постараюсь опубликовать новый пост.

Всегда можно найти что-то новое и полезное, даже если уже немного и разбираешься во всем этом. Спасибо!

devarts, комментарии «порезали» кавычки — проверьте все ли нормально в одобренном коде?

Благодарю. Обязательно применю у себя на сайте. Что лучше классы не знал. Профессиональный подход.

Источник

Как сделать жирный шрифт в HTML

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

Жирный шрифт тегом strong

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

Другие виды выделения текста описаны в статье: Теги форматирование текста в HTML.

Пример как сделать жирный шрифт HTML тегом :

Жирный текст с помощью тега b

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

Выделение жирным стилями CSS

Жирный текст можно сделать не только с помощью специальных HTML тегов. Добиться вывода жирным шрифтом можно на любом теге задав ему свойство font-weight: bold; (работает не для всех шрифтов).

Такое выделение будет нести стилистический характер, не добавляя выделенному тексту логического веса.

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

Свойство CSS внутри атрибута style:

Что делать, если выделить текст жирным не получается

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

Источник

Не работает жирный шрифт

font-weight не работает должным образом?

7 ответов