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

So legen Sie die Schriftart in HTML fest

Apr 26, 2021 am 11:09 AM
html Schriftart setzen

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;}
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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.

für Überschriften und

🎜🎜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!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles