Wie entferne ich den Fettdruck aus einer Überschrift?

75

Ich habe eine Überschrift:

<h1>THIS IS A HEADLINE</h1>

Wie mache ich den Satz "DAS IST ..." nicht fett und der Rest ohne Änderung? Ich konnte kein relevantes Tag in der Textdekoration finden.

Asher Saban
quelle

Antworten:

131

Die Überschrift sieht aufgrund ihrer Größe fett aus . Wenn Sie Fett angewendet haben oder das Verhalten ändern möchten, haben Sie folgende Möglichkeiten:

h1 { font-weight:normal; }

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

Sarfraz
quelle
1
Ich bin mir ziemlich sicher, dass in einigen Browsern Überschriften automatisch fett gedruckt werden. Ich empfehle, font-weight:normal; immer hinzuzufügen, wenn Sie nicht fette Überschriften wünschen.
Yellos
15

Versuchen font-weight:normal;

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

Stellen Sie jedoch sicher, dass h1 mit markiert ist

font-weight:normal;

Sie können den Stil auch mit einer ID oder einem Klassenattribut festlegen.

Matze
quelle
5

Sie möchten eine Schriftgröße und keine Textdekoration (zusammen mit einem geeigneten zusätzlichen Markup wie <em>oder <span>, damit Sie verschiedene Stile auf verschiedene Teile der Überschrift anwenden können).

QUentin
quelle
3

Stil ist dementsprechend vis css. Ein Beispiel

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

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

Ich bin mir nicht sicher, ob es nur dazu diente, uns zu zeigen, aber als Randnotiz sollten Sie immer Großbuchstaben mit CSS setzen :)

Matt Fletcher
quelle
1

damit "DIESES IST" nicht fett ist - fügen Sie <span></span>den Text hinzu

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

und mit Stil

h1 span{font-weight:normal}
strahlend
quelle
1

Sie können dies einfach im HTML-Teil tun:

<span>Heading Text</span>

und im CSS können Sie es mit Anzeige als h1-Block erstellen:

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

Sie erhalten es als h1 ohne Fettdruck.
Wenn Sie Fettdruck möchten, fügen Sie dies einfach dem CSS hinzu:

font-weight:bold;
magisches Lächeln
quelle
0

Sie können verwenden font-weight:100oder leichter: Dies funktioniert mit Opera 16 und älter, aber ich weiß nicht, warum die h1Tags in Firefox mutiger sind, sorry.

yusef
quelle