Fügen Sie Ihrer Website mit Google Web Fonts unbegrenzt viele Schriftarten hinzu

Lange Zeit wurde die Entwicklung von Websites dadurch behindert, dass aufgrund der verfügbaren Ressourcen nur eine Handvoll Schriftarten verwendet werden konnten. Nun hat Google jedoch einen neuen Webdienst „Google Web Fonts“ gestartet. Der Dienst bietet Ihnen die Möglichkeit, verschiedene Schriftarten von Google auf Ihrer Website zu verwenden. Bezüglich der verwendeten Schriftarten bestehen keine Einschränkungen.

Hier eine kurze Beschreibung, wie Du es in wenigen Schritten erledigen kannst:

Wählen Sie eine Schriftart

Öffnen Sie dazu Google http://www.google.com/webfonts und wählen Sie eine aus, die Ihnen gefällt.

Holen Sie sich den ausgewählten Schriftcode

In diesem Beispiel wird die Schriftart „Eater“ verwendet. Um den Schriftcode zu erhalten, müssen Sie Folgendes auf der geöffneten Seite tun:

Dann müssen Sie das Tag "/" hinzufügen, um Validierungsfehler in HTML zu vermeiden. Daher sollte es heißen:

Code kopieren

Der Code lautet wie folgt:

Kopieren Sie den obigen Code und fügen Sie ihn wie folgt nach dem <HEAD>-Tag ein:

Code kopieren

Der Code lautet wie folgt:

<Kopf>
<link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css'/>
...

...

Fügen Sie Ihrer Webseite CSS-Code hinzu

Jetzt können Sie diese Schriftart verwenden, indem Sie die Eigenschaft „font-family“ in CSS festlegen. Wenn Sie beispielsweise möchten, dass alle Überschriften der ersten Ebene dieselbe Schriftart haben, müssen Sie den folgenden CSS-Stil hinzufügen:

Code kopieren

Der Code lautet wie folgt:

h1
{
Schriftfamilie: „Eater“, kursiv;
}

<<: JS ES neue Funktionen Vorlagenzeichenfolge

>>: Eine kurze Analyse, ob die Verwendung von iframe zum Aufrufen einer Seite die Seite zwischenspeichert

Herausforderung des HTML-Symbol-zu-Entity-Algorithmus

Fügen Sie Ihrer Website mit Google Web Fonts unbegrenzt viele Schriftarten hinzu

Herausforderung des HTML-Symbol-zu-Entity-Algorithmus

30 kostenlose hochwertige englische Ribbon-Schriftarten

So implementieren Sie eine Paging-Abfrage in MySQL

HTML-Tabellen-Tag-Tutorial (24): horizontales Ausrichtungsattribut der Zeile ALIGN

Zusammenfassung der Vorteile der Bereitstellung von MySQL Delayed Slaves

So überprüfen Sie, wo die Metadatensperre in MySQL blockiert ist

Methoden zum Defragmentieren und Freigeben von Speicherplatz in MySQL-Tabellen

Zusammenfassung einiger Situationen, in denen die Docker-Containerfestplatte voll ist

Mehrere Methoden zum Ändern des MySQL-Root-Passworts (empfohlen)

Ein kurzer Vortrag über MySQL-Pivottabellen

Artikel empfehlen

Vue implementiert Multi-Grid-Eingabefeld auf mobilem Endgerät

Beispielcode zum Mischen von Float und Margin in CSS

Detaillierte Erklärung, wie man ein Passwort an den SSH/SCP-Befehl im Bash-Skript übergibt

Die letzten zwei Jahre mit User Experience

MySQL-Installationstutorial unter Centos7

MySQL implementiert Zeichenfolgenverkettung, Abfangen, Ersetzen und Positionssuchvorgänge

Django verwendet Pillow, um einfach eine Verifizierungscodefunktion einzurichten (Python)

Detaillierte Erklärung der Verwendung von Object.assign() in ES6

CSS3-Implementierungscode für einfaches Karussellbildschneiden

Beispiel für eine automatische Importmethode für das Vue3.0-Routing

Weitere Möglichkeiten zur Verwendung von spitzen Klammern in Bash

Detaillierter Prozess zum Upgrade von gcc (Version 10.2.0) in der CentOS7-Umgebung

So verwenden Sie Font Awesome 5 in Vue-Entwicklungsprojekten

Detaillierte Schritte zur vollständigen Deinstallation von MySQL 5.7

Reagieren Sie Homepage langsames Laden Problem Leistungsoptimierung Fall detaillierte Erklärung