Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Schriftart in HTML fest

So legen Sie die Schriftart in HTML fest

coldplay.xixi
coldplay.xixiOriginal
2021-04-26 11:09:1047055Durchsuche

So legen Sie Schriftarten in HTML fest: 1. Das Attribut [font-variant] kann kleine Großbuchstaben festlegen. 2. Das Attribut [font-weight] legt die Textstärke fest. 3. Das Attribut [font-size] legt die Textgröße fest .

So legen Sie die Schriftart in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So legen Sie die Schriftart in HTML fest:

1. Mit der Schriftverformung

font-variant können kleine Großbuchstaben festgelegt werden. font-variant 属性可以设定小型大写字母。

小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

实例

p {font-variant:small-caps;}

2、字体加粗

font-weight 属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。

实例

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

3、字体大小

font-size

Kleinbuchstaben sind weder gewöhnliche Großbuchstaben noch Kleinbuchstaben. Diese Buchstaben verwenden Großbuchstaben unterschiedlicher Größe.

Beispiel

rrreee

2. Das Attribut „Schriftart fett“ legt die Dicke des Textes fest.

Verwenden Sie das Schlüsselwort „bold“, um Text fett darzustellen.

Die Stichwörter 100 ~ 900 geben 9 Fettstärkestufen für die Schriftart an. Wenn in einer Schriftart diese Fettstufen integriert sind, werden die Zahlen direkt den vordefinierten Stufen zugeordnet, wobei 100 der dünnsten Schriftvariante und 900 der dicksten Schriftvariante entspricht. Die Zahl 400 entspricht „normal“ und 700 entspricht „fett“. Wenn Sie die Fettschrift eines Elements auf „fetter“ einstellen, legt der Browser eine Schriftfettigkeit fest, die fetter ist als der geerbte Wert. Im Gegensatz dazu führt das Schlüsselwort lighter dazu, dass der Browser die Fettschrift nach unten statt nach oben verschiebt. Beispielrrreee

3. Das Attribut „Schriftgröße“ legt die Größe des Textes fest. 🎜🎜In der Welt des Webdesigns ist es wichtig, die Textgröße steuern zu können. Allerdings sollten Sie die Textgröße nicht so ändern, dass Absätze wie Überschriften oder Überschriften wie Absätze aussehen. 🎜🎜Bitte verwenden Sie immer korrekte HTML-Überschriften, z. B. 4a249f0d628e2318394fd9b75b4636b1 für Überschriften und e388a4556c0f65e1904146cc1a846bee 🎜🎜Der Wert für die Schriftgröße kann absolut oder relativ sein. 🎜🎜🎜🎜Verwandte Lernempfehlungen: 🎜🎜🎜HTML-Video-Tutorial🎜🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftart in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn