Die Schriftart ist ein wesentlicher Bestandteil des Webdesigns und verleiht der Website einen unverwechselbaren Stil. Hochwertiger Text auf der Seite soll harmonisch wirken, sich mit den restlichen Elementen der Seite kombinieren lassen und gleichzeitig zu einer besseren Wahrnehmung von Informationen beitragen. Mithilfe von HTML-Markup- und CSS-Kaskadierungstabellen können Sie fast jede Einstellung anpassen, um die Seitenleistung zu maximieren.
Notwendig
Schriftdatei im TTF-Format
Anweisungen
Schritt 1
Um einen Satz von Schriftarten zu verwenden, die auf Ihrem Computer installiert sind, können Sie den Parameter font-family der kaskadierenden Stylesheets verwenden. Geben Sie dazu folgenden Code für den gewünschten Artikel ein:
Text
Dieser Befehl zeigt die h2-Überschrift der zweiten Ebene in der Arial-Schrift an.
Schritt 2
Wenn Sie eine eigene Schriftart verwenden möchten, müssen Sie diese zunächst auf das Hosting hochladen und mit dem entsprechenden Befehl aktivieren. TTF-Dateien sind mit dem folgenden Befehl enthalten:
Das Attribut font-family gibt in diesem Fall den Namen der Schriftart an und src:url (font.ttf) gibt den Pfad zur TTF-Datei an.
Schritt 3
Nachdem Sie das Element aktiviert haben, können Sie es verwenden, um Text anzuzeigen:
Text
Dieser Befehl ist dafür verantwortlich, die gewünschte Schriftart in Kursivschrift in der Überschrift der zweiten Ebene anzuzeigen. Wenn der Browser des Benutzers die Verarbeitung von TTF-Dateien nicht unterstützt, wird die nach dem ersten Komma angegebene Systemschriftart (in diesem Fall Verdana) verwendet.
Schritt 4
Einige Browser unterstützen kein herunterladbares TTF. Internet Explorer 8 verwendet beispielsweise das EOT-Format, um Text anzuzeigen. Konvertieren Sie bei solchen Browsern das ursprüngliche TTF mit mehreren Diensten und fügen Sie die resultierende Schriftart auf die gleiche Weise in den @ font-face-Parameter ein.
Schritt 5
Wenn Sie die benötigte Datei aus einer anderen Ressource importieren möchten, verwenden Sie den Befehl @import, der oben im CSS-Dokument stehen muss:
@import-URL (https:// font_address)
