Heim  >  Artikel  >  Web-Frontend  >  Wie kann ich Schriftarten in CSS anpassen? Einführung in Textschriftstile in HTML

Wie kann ich Schriftarten in CSS anpassen? Einführung in Textschriftstile in HTML

寻∝梦
寻∝梦Original
2018-09-05 13:48:393532Durchsuche

Wissen Sie, wie man Schriftarten in CSS

anpasst? Es gibt auch eine Einführung in CSS-Stileinstellungen und Schriftstile, wie z. B. die Einstellungen für Schriftgröße und Schriftstärke. In diesem Artikel erfahren Sie, wie Sie CSS-Stile verwenden, um diese Dinge zu tun

1. Zuerst stellen wir vor, wie man CSS-Stile zum Anpassen von Schriftarten verwendet:

Hier stellen wir ein Attribut in einem CSS-Stil vor:

Schriftfamilie: Definiert die Schriftfamilie des Textes. Auch Schriftfamilien genannt, es gibt fünf gängige Schriftarten: Serif, Sans-Serif, Monospace, Cursive, Fantasy

Natürlich können Sie auch bestimmte Schriftarten finden. Wir können eine Schriftart auf unserem Computer finden und den Namen kopieren, um sie einzurichten. Wenn die Schriftart nicht auf dem Client installiert ist, ist sie natürlich nutzlos. Was angezeigt wird, ist die Standardschriftart des Clients. (Wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website

CSS-Video-Tutorial)

Sehen wir uns ein Beispiel einer Textschriftart an:

<style>
.you_1{font-family:serif}
.you_2{font-family:sans-serif}
.you_3{font-family:monospace}
.you_4{font-family:cursive}
.you_5{font-family:fantasy}
</style>
</head>
<body>
<p class="you_1">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
    <p class="you_2">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
<p class="you_3">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
<p class="you_4">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
<p class="you_5">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
<p>这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
</body>

Hier ist es: Die oben genannten fünf Absätze sind alle mit unterschiedlichen Schriftstilen versehen. Schauen wir uns jetzt die im Browser angezeigten Ergebnisse an:


Wie kann ich Schriftarten in CSS anpassen? Einführung in Textschriftstile in HTML

Wie im Bild gezeigt, besteht die letzte Einstellung nicht darin, die ersten fünf Schriftarten festzulegen. Dies sind im Grunde alle Computer, die diese Schriftarten verwenden Sie müssen sich keine Sorgen machen, dass sie auf den Computern anderer Leute verwendet werden. Kann nicht angezeigt werden. Das ist alles für unsere benutzerdefinierten Schriftarten.

2. Lassen Sie uns nun über unseren Textschriftstil sprechen, z. B. das Ändern der Größe und die Fettschrift. Schauen wir es uns gemeinsam an:

  • font-weight: Wird zum Festlegen der Textstärke verwendet. Es gibt drei Typen: Normal, Fett, Parameter 100 ~ 900, Text definieren Größe Das Attribut

  • font-size: wird verwendet, um die Größe des Textes festzulegen. Es gibt px, em und %. Standardmäßig entspricht 1em 16 Pixel.

Dies ist eine weitere Einführung in zwei Schriftarten in CSS-Stilen. Lassen Sie uns sie nun in einer Instanz anzeigen.

Werfen wir einen Blick auf das Beispiel für die Schriftarteneinstellungen :

<style>
.you_1{font-weight:600}
.you_2{font-size:40px}
</style>
</head>
<body>
<p class="you_1">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
    <p class="you_2">这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
<p>这是PHP中文网,里面有很多你要的视频教程,网址是www.php.cn,这里是PHP中文网;</p>
</body>

Sie können deutlich sehen, dass dieser Code der erste ist, der den Parameter für die Textdicke festlegt, und es gibt auch einen px-Parameter zum Festlegen der Textgröße. Schauen wir uns nun den im Browser angezeigten Effekt an:


Wie kann ich Schriftarten in CSS anpassen? Einführung in Textschriftstile in HTML

Dies ist eine ziemlich große Einstellung. Aber das macht nichts, man kann es auf jeden Fall deutlich sehen. Niemand wird sagen, dass er nicht klar sehen kann, um die Dicke einzustellen, und der andere, um die Größe einzustellen. Es sollte niemanden geben, der nicht sagen kann, welcher für die Einstellung der Größe ist Einstellen der Dicke.

Okay, dieser Artikel endet hier. Er stellt vor, wie man Schriftarten in CSS-Stilen festlegt und wie man Textschriftstile gestaltet. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

[Empfehlung des Herausgebers]

Welche Attribute hat das HTML-Eingabe-Tag? Zusammenfassung der Verwendung des Eingabe-Tags (mit Beispielen)

Wie stelle ich die Höhe des Label-Tags in HTML ein? Einführung in die Verwendung von Etiketten-Tags

Das obige ist der detaillierte Inhalt vonWie kann ich Schriftarten in CSS anpassen? Einführung in Textschriftstile in HTML. 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