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:<link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css' /> 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'/> ... <!-- anderer HTML-Code --> ... 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
Artikel empfehlen
Analyse und Lösung eines Fehlalarmproblems bei der langsamen MySQL-Protokollüberwachung
Früher wurden manche Alarme aus verschiedenen Grü...
MySQL-Optimierungstipps: Analyse der Implementierungsmethoden zur Duplikatsentfernung [Millionen von Daten]
Dieser Artikel veranschaulicht anhand eines Beisp...
Detaillierte Erläuterung der vorkompilierten CSS-Sprachen und ihrer Unterschiede
1. Was ist Als Auszeichnungssprache hat CSS eine ...
Detailliertes Tutorial zur Überwachung von Nginx/Tomcat/MySQL mit Zabbix
Inhaltsverzeichnis Zabbix überwacht Nginx Zabbix ...
Virtual Box-Tutorialdiagramm zum Duplizieren virtueller Maschinen
Nachdem man sich an VM gewöhnt hat, ist der Wechs...
Detailliertes Tutorial zum Bereitstellen eines Django-Projekts mit Docker auf CentOS8
Einführung In diesem Artikel stellen wir vor, wie...
So installieren Sie Phabricator mit Docker
Ich verwende hier das Ubuntu 16.04-System. Instal...
Erfahrung in der Gestaltung einer mehrschichtigen Benutzeroberfläche im Webdesign
Viele Internetnutzer fragen sich oft, warum ihre W...
Integrierte Objekte, Werttypen und Referenztypen in JavaScript-Objekten erklärt
Inhaltsverzeichnis Objekt Objektdefinition Iterie...
So stoppen Sie die CSS-Animation mittendrin und behalten die Haltung bei
Vorwort Ich bin einmal auf ein schwieriges Proble...
Tutorial zur Optimierung der Installationskonfiguration von MySQL 8.0.18
Die Installation, Konfiguration und Optimierung v...
Die vollständige Liste der MIME-Typen
Was ist ein MIME-TYP? 1. Zunächst müssen wir vers...
Detaillierte Erläuterung des Prozesses zum Erstellen eines MQTT-Servers mit Docker
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
Axios Sekundärkapselungsbeispiel Demo im Projekt
1. Warum verpacken? Erleichtert das Aufrufen von ...
Ein Artikel zum Verständnis der Erstellung, des Hochladens, Abrufens und Bereitstellens von Docker-Images
Inhaltsverzeichnis 1. Bilder 1. Was ist ein Spieg...