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
MySQL 5.7.21 Installations- und Konfigurations-Tutorial
Die einfache Installationskonfiguration von mysql...
Nginx leitet dynamisch an Upstream weiter, entsprechend dem Pfad in der URL
In Nginx gibt es einige erweiterte Szenarien, in ...
Synology NAS verwendet Docker-Container zum Erstellen eines KMS-Aktivierungsservers zum Aktivieren des Windows-Systems und von Office (Bedienungsschritte)
Vorwort Das über KMS aktivierbare Windows-System ...
Beispielcode zur Implementierung der Alipay-Sandbox-Zahlung mit Vue+SpringBoot
Laden Sie zunächst eine Reihe von Dingen aus der ...
So zeigen Sie den Nginx-Konfigurationsdateipfad und den Ressourcendateipfad an
Zeigen Sie den Pfad der Nginx-Konfigurationsdatei...
JavaScript implementiert die Maussteuerung eines frei beweglichen Fensters
In diesem Artikel wird der spezifische JavaScript...
Detaillierte Einführung in die Definition und Verwendung des HTML-Thead-Tags
Code kopieren Der Code lautet wie folgt: <thea...
Informationen zu VUEs Kompilierungsumfang und Slotumfang-Slotproblemen
Was sind Slots? Die Slot-Direktive ist v-slot, di...
Linux/Mac MySQL-Befehlszeilenmethode zum Ändern des Passworts bei vergessenem Passwort
Alle Voraussetzungen erfordern Root-Berechtigunge...
Erklärung des Konzepts und der Verwendung von Like in MySQL
Like bedeutet auf Chinesisch „wie“, aber wenn es ...
MySQL-Datenbankdesign: Detaillierte Erläuterung der Schema-Operationsmethode mit Python
Bevor der Pfeil abgeschossen wurde, flüsterte der...
Vue integriert Tencent TIM Instant Messaging
In diesem Artikel wird hauptsächlich die Integrat...
Grundlegende Implementierung der AOP-Programmierung in JavaScript
Einführung in AOP Die Hauptfunktion von AOP (Aspe...
Detaillierte Erläuterung von MySQL zum Abrufen statistischer Daten für jeden Tag und jede Stunde eines bestimmten Zeitraums
Erhalten Sie tägliche Statistiken Wenn Sie ein Pr...
So verwenden Sie nginx, um auf lokale statische Ressourcen auf einem Linux-Server zuzugreifen
1. Prüfen Sie, ob Port 80 belegt ist. Normalerwei...