Как убрать жирный текст в html

Жирность текста на CSS

В данном уроке мы с вами изучим свойство font-weight , которое позволяет сделать текст жирным или наоборот — отменить жирность (к примеру, для заголовков, которые жирные по умолчанию). Чтобы сделать текст жирным, следует указать значение bold , а чтобы отменить жирность — значение normal .

Это свойство работает аналогично тегу b , который мы с вами уже разобрали. Разница в том, что через CSS управлять жирностью гораздо удобнее — я могу заставить все абзацы стать жирными, а все заголовки — нежирными, сделав всего пару записей в CSS файле.

Если бы я делал жирный через тег b — мне пришлось бы содержимое каждого абзаца обернуть в этот тег, а это было бы очень затратным по времени (а если я потом захочу убрать жирность абзацам — мне придется убирать все эти теги, представьте, сколько это лишней, бесполезной работы).

В следующем примере мы сделаем все абзацы жирными, а все заголовки h2 — нежирными:

Скопируйте следующий HTML код себе на страницу:

Установите таблице ширину в 500px , а высоту в 300px . Сделайте ячейки td жирными и по центру, а ячейки th — нежирными.

font-weight

Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.

Синтаксис

Значения

Насыщенность шрифта задаётся с помощью ключевых слов: bold — полужирное начертание, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900. Значения bolder и lighter изменяют жирность относительно насыщенности родителя, соответственно, в большую и меньшую сторону.

HTML5 CSS2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 1.

Применение свойства font-weight

Рис. 1. Применение свойства font-weight

Объектная модель

[window.]document.getElementById(" elementID ").style.fontWeight

Браузеры

Браузеры обычно не могут адекватно показать требуемую насыщенность шрифта, поэтому переключаются между значениями bold , normal и lighter . На практике же начертание в браузерах обычно ограничено всего двумя вариантами: нормальное начертание и жирное начертание.

Как убрать жирность текста?

Как убрать тень текста
Добрый день. Переделываю сайт, и не могу разобраться в css. Там где то прописано чтоб буквы.

Как убрать отступ (строчный) текста от поля формы?
Здравствуйте помогите устранить один нюанс, как убрать отступ текста от поля формы? на рисунку.

фотошоповская жирность Bold Condenset Italic
Можно ли как нибудь повторить визуально нестандартные шрифты из фотошопа в html, которым дана.

How can I remove the bold from a headline?

How do I make the phrase "THIS IS. " not to be bold and the rest without a change?

I couldn’t find any relevant tag in text-decoration.

10 Answers 10

The heading looks bold because of its large size. If you have applied bold or want to change behaviour, you can do:

But be sure that h1 is marked with

You can also set the style with a id or class attribute.

You want font-weight, not text-decoration (along with suitable additional markup, such as or , so you can apply different styling to different parts of the heading)

style is accordingly vis CSS. An example:

I’m not sure if it was just for the sake of showing us, but as a side note, you should always set uppercase text with CSS 🙂

For "THIS IS" not to be bold, add around the text:

You can simply do like that in the HTML part:

And in the CSS, you can make it as an h1 block using display:

You will get it as a h1 without bold.

If you want it bold, just add this to the CSS:

You can use font-weight:100 or lighter: this is working with i.e. Opera 16 and older, but I do not know why the h1 tags in Firefox are bolder, sorry.

If you want to remove the bold, you can use the code below,

But for "THIS IS" not to be bold, add around the text,

Code example result,

The Overflow Blog

Linked

Hot Network Questions

Subscribe to RSS

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.