как убрать жирный шрифт из заголовка?



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



<h1>THIS IS A HEADLINE</h1>


Как мне сделать фразу "Это..."не быть смелым и все остальное без изменений?
не удалось найти релевантный тег в текстовом оформлении.

964   9  

9 ответов:

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

h1 { font-weight:normal; }

еще:http://www.w3.org/TR/css3-fonts/#font-weight-prop

попробовать font-weight:normal;

h1 {
    font-weight: normal;
}
<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>

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

font-weight:normal;

вы также можете установить стиль с ID или атрибутов класса.

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

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

<h1 class="mynotsoboldtitle">Im not bold</h1>
<style>
.mynotsoboldtitle { font-weight:normal; }
</style>
<h1><span>This is</span> a Headline</h1>

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

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

для "это" не должно быть смелым - добавить <span></span> текст

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

и

h1 span{font-weight:normal}

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

<span>Heading Text</span>

и в css вы можете сделать его как блок h1 с помощью display:

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

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

font-weight:bold;

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

Comments

    Ничего не найдено.