как убрать жирный шрифт из заголовка? - PullRequest
64 голосов
/ 10 ноября 2011

У меня есть заголовок:

<h1>THIS IS A HEADLINE</h1>

Как сделать так, чтобы фраза "ЭТО ЕСТЬ ..." не была жирной, а остальные - без изменений?не удалось найти подходящего тега в текстовом оформлении.

Ответы [ 9 ]

114 голосов
/ 10 ноября 2011

Заголовок выглядит жирным из-за его большого размера , если вы применили жирный шрифт или хотите изменить поведение, вы можете сделать:

h1 { font-weight:normal; }

Подробнее: http://www.w3.org/TR/css3-fonts/#font-weight-prop

13 голосов
/ 10 ноября 2011

Попробуйте font-weight:normal;

h1 {
    font-weight: normal;
}
9 голосов
/ 10 ноября 2011
<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>

Но убедитесь, что h1 отмечен

font-weight:normal;

Вы также можете установить стиль с помощью идентификатора или атрибута класса.

5 голосов
/ 10 ноября 2011

Вы хотите шрифт-вес , а не текстовое оформление (вместе с подходящей дополнительной разметкой, такой как <em> или <span>, так что вы можете применять различные стили к различным частям заголовка)

3 голосов
/ 10 ноября 2011

стиль соответственно vis css. Пример

<h1 class="mynotsoboldtitle">Im not bold</h1>
<style>
.mynotsoboldtitle { font-weight:normal; }
</style>
1 голос
/ 04 июня 2013

вы можете просто сделать это в html-части:

<span>Heading Text</span>

, а в css вы можете сделать это как блок h1, используя display:

span{
display:block;
font-size:20px;
}

, вы получитеэто как h1 без жирного шрифта,если вы хотите, чтобы это было выделено жирным шрифтом, просто добавьте это к CSS:

font-weight:bold;
1 голос
/ 16 апреля 2013

, чтобы слово "ЭТО ЕСТЬ" не было выделено жирным шрифтом - добавьте <span></span> вокруг текста

<h1>><span>THIS IS</span> A HEADLINE</h1>

и в стиле

h1 span{font-weight:normal}
1 голос
/ 10 ноября 2011
<h1><span>This is</span> a Headline</h1>

h1 { font-weight: normal; text-transform: uppercase; }
h1 span { font-weight: bold; }

Я не уверен, что это просто для того, чтобы показать нам, но в качестве примечания, вы всегда должны устанавливать прописные буквы с помощью CSS:)

0 голосов
/ 22 августа 2014

Вы можете использовать font-weight:100 или легче: это работает, например, с Opera 16 и старше, но я не знаю, почему теги h1 в Firefox более смелые, извините.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...