як видалити жирний шрифт із заголовка?


76

У мене є заголовок:

<h1>THIS IS A HEADLINE</h1>

Як зробити так, щоб фраза "ЦЕ Є ..." не була жирною, а решта - без змін? не вдалося знайти відповідний тег в текстовій обробці.

Відповіді:


133

Заголовок виглядає жирним через його великий розмір. Якщо ви застосували жирний шрифт або хочете змінити поведінку, ви можете зробити:

h1 { font-weight:normal; }

Докладніше: http://www.w3.org/TR/css3-fonts/#font-weight-prop


1
Я повністю впевнений, що в деяких браузерах заголовки автоматично стають жирними. Я рекомендую додавати font-weight:normal; завжди, якщо ви хочете нежирний заголовок.
Yellos


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

Але переконайтеся, що h1 позначено

font-weight:normal;

Ви також можете встановити стиль за допомогою атрибута id або class.


5

Вам потрібен шрифт , а не оформлення тексту (разом із відповідною додатковою розміткою, наприклад, <em>або <span>, щоб ви могли застосовувати різні стилі до різних частин заголовка)


3

стиль відповідно до css. Приклад

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

1
<h1><span>This is</span> a Headline</h1>

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

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


1

щоб "ЦЕ Є" не було напівжирним - додайте <span></span>навколо тексту

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

і в стилі

h1 span{font-weight:normal}

1

Ви можете просто зробити це в html-частині:

<span>Heading Text</span>

а в css ви можете зробити це як блок h1 за допомогою display:

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

ви отримаєте його як h1 без напівжирного шрифту,
якщо ви хочете, щоб він був напівжирним, просто додайте це до css:

font-weight:bold;

1

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.