suchen
HeimWeb-FrontendCSS-TutorialSo legen Sie den Schriftstil in CSS fest

Auf Webseiten legen wir häufig die Schriftart für den Text auf der Webseite fest. Verwenden Sie das Attribut font-family, um den Schriftstil festzulegen. Heute zeigen wir Ihnen, wie Sie HTML-Schriftarten in CSS-Schriftarten umwandeln.

Ursprüngliche HTML-Schriftarteinstellung

Html-Textschriftart-Einstellungscode:

<font face="黑体">我是黑体字</font>

CSS-Schriftarteinstellung

CSS-Schriftattributwort

Schriftfamilie

CSS-Schriftart CSS-Schriftfamilienverwendung:

font-family:"设置字体名称";

exp:

CSS-Anwendungsbeispielcode:

.div{ font-family:"黑体";}

Entsprechendes HTML Code:

<div class="div">我也是黑体字体</div>

Hinweis: Die obige CSS-Schriftartfamilie enthält die ursprünglichen HTML-Schriftarteinstellungen und CSS-Schriftarteneinstellungen.

Fähigkeiten zur Schriftartenauswahl

Wir verwenden häufig zwei chinesische Schriftarten: „Hei“ und „Songti“. , wird das Besuchersystem als Textschriftart der Textbibliothek bezeichnet. Wenn die Schriftart nicht gefunden wird, wird die Standard-Webschriftart angezeigt. Die von allen installierten Betriebssysteme (XPVISTAWIN7 und andere Systeme) enthalten standardmäßig diese chinesischen Schriftarten. Auf diese Weise müssen wir die Schriftarten verwenden, die in jedem Betriebssystem als Web-Schriftarten enthalten sind, sodass wir keine Textschriftarten festlegen können, die wir separat installieren. Wenn wir eine Schriftart festlegen, die wir separat installiert haben, wird der Schriftstil auf unserem eigenen Computer festgelegt, und wenn andere Benutzer diese Webseite durchsuchen, ändern sich die Textschriftarten auf dieser Webseite drastisch.

Schriftartauswahl für die Schriftfamilie

Wir haben die Fähigkeiten zur Auswahl von CSS-Eigenschaften und -Werten im VIP-Kurs eingeführt.

Wir empfehlen 4 häufig verwendete Schriftarten:

Arial, Helvetica, Microsoft YaHei, Arial, Helvetica, Sans-Serif.

Zusammenfassung der Schriftartenfamilie

Verwenden Sie die Schriftart der CSS-Schriftfamilie, um die Schriftart des Objekts-Textes festzulegen, und legen Sie die Schriftarten nicht selbst fest als Schriftarten auf der Webseite installiert, sodass beim Durchsuchen Ihrer Webseite keine solche Schriftart vorhanden ist, was zu unansehnlichem Text führt. Allgemein empfohlene Schriftarten: Heilongjiang, Songti, Microsoft Yahei, Arial, Helvetica, serifenlos.

Das ist alles für die Schriftarteneinstellungsmethoden und Hinweise. Für weitere spannende Inhalte beachten Sie bitte andere verwandte Artikel auf der PHP-Chinese-Website!

Verwandte Lektüre:

So verwenden Sie das Padding-Attribut in CSS

HTML-Bearbeitungskonverter

So erfahren Sie, ob der Browser HTML unterstützt


Das obige ist der detaillierte Inhalt vonSo legen Sie den Schriftstil in CSS 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
Was ist CSS Grid?Was ist CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid ist ein leistungsstarkes Tool zum Erstellen komplexer, reaktionsschneller Weblayouts. Es vereinfacht das Design, verbessert die Zugänglichkeit und bietet mehr Kontrolle als ältere Methoden.

Was ist CSS Flexbox?Was ist CSS Flexbox?Apr 30, 2025 pm 03:20 PM

In Artikel wird CSS Flexbox erörtert, eine Layoutmethode zur effizienten Ausrichtung und Verteilung des Raums in reaktionsschnellen Designs. Es erklärt die Verwendung von Flexbox, vergleicht es mit CSS -Gitter und Details Browser -Unterstützung.

Wie können wir unsere Website mit CSS reagieren?Wie können wir unsere Website mit CSS reagieren?Apr 30, 2025 pm 03:19 PM

In dem Artikel werden Techniken zum Erstellen von reaktionsschnellen Websites mithilfe von CSS erörtert, einschließlich Ansichtsfenster -Meta -Tags, flexiblen Gitter, Flüssigkeitsmedien, Medienabfragen und relativen Einheiten. Es deckt auch mit CSS -Raster und Flexbox zusammen und empfiehlt CSS -Framework

Was macht die CSS-Box-Größeneigenschaft?Was macht die CSS-Box-Größeneigenschaft?Apr 30, 2025 pm 03:18 PM

In dem Artikel wird die CSS-Box-Größeneigenschaft erörtert, in der die Berechnung der Elementabmessungen steuert. Es erklärt Werte wie Inhaltsbox, Border-Box und Padding-Box sowie deren Auswirkungen auf das Layout-Design und die Form von Formularausrichtung.

Wie können wir mit CSS animieren?Wie können wir mit CSS animieren?Apr 30, 2025 pm 03:17 PM

In Artikel wird das Erstellen von Animationen mithilfe von CSS, Schlüsseleigenschaften und Kombination mit JavaScript erläutert. Hauptproblem ist die Browserkompatibilität.

Können wir mit CSS 3D -Transformationen zu unserem Projekt hinzufügen?Können wir mit CSS 3D -Transformationen zu unserem Projekt hinzufügen?Apr 30, 2025 pm 03:16 PM

In Artikel werden CSS für 3D -Transformationen, wichtige Eigenschaften, Browserkompatibilität und Leistungsüberlegungen für Webprojekte erläutert. (Charakterzahl: 159)

Wie können wir Gradienten in CSS hinzufügen?Wie können wir Gradienten in CSS hinzufügen?Apr 30, 2025 pm 03:15 PM

In dem Artikel werden CSS -Gradienten (linear, radial, wiederholt) beschrieben, um die Website -Visuals, das Hinzufügen von Tiefe, Fokus und moderne Ästhetik zu verbessern.

Was sind Pseudoelemente in CSS?Was sind Pseudoelemente in CSS?Apr 30, 2025 pm 03:14 PM

In Artikel werden Pseudoelemente in CSS, deren Verwendung bei der Verbesserung des HTML-Stylings und der Unterschiede zu Pseudoklassen erläutert. Bietet praktische Beispiele.

See all articles

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

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Leistungsstarke integrierte PHP-Entwicklungsumgebung

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.