Beim Erstellen einer Website sind Schriftarten ein wichtiger Teil des Designs. Sie helfen, die Atmosphäre zu vermitteln, die Stimmung zu verändern und den Text ausdrucksvoller zu gestalten. Wenn Sie sich für eine benutzerdefinierte Schriftart entscheiden, ist es wichtig zu wissen, wo Sie die heruntergeladene Schriftart richtig zu Ihrer Website hinzufügen können.
Der erste Schritt besteht darin, die gewünschte Schriftart mit Hilfe spezieller Dienste herunterzuladen oder in einem Format herunterzuladen .ttf oder .otf. Danach können Sie die heruntergeladene Schriftdatei in Ihrem Projektordner ablegen.
Als nächstes müssen Sie die Verbindung der heruntergeladenen Schriftart zu Ihrer Website hinzufügen. Dazu wird der CSS-Stil verwendet. Im Block @font-face sie geben den Pfad zur heruntergeladenen Schriftdatei, den Namen und die gewünschten Parameter an.
@font-face
font-family: 'Schriftname';
src: url('Schreibdateipfad.dateiformat');
>
Nachdem Sie eine Stilisierung für eine verbundene Schriftart hinzugefügt haben, können Sie sie auf Ihrer Website verwenden, indem Sie die entsprechenden CSS-Regeln auf den gewünschten Text anwenden.
Korrekte Platzierung der Schriften auf der Website: Empfehlungen
Hier sind einige Richtlinien für die korrekte Platzierung von Schriftarten:
- Erstellen Sie einen speziellen Ordner für Schriftarten im Projektverzeichnis. Nennen Sie es zum Beispiel "fonts".
- Legen Sie alle heruntergeladenen Schriftarten in diesen Ordner. Stellen Sie sicher, dass jede Schriftart über alle erforderlichen Dateien verfügt, z. B.woff, .woff2, .eot und .ttf.
- Beziehen Sie sich auf die Stildatei Ihrer Website (normalerweise eine Datei mit einer Erweiterung .css) und fügen Sie den folgenden Code hinzu:
@font-face
Ändern Sie "Schreibtitelname" in den Namen Ihrer Schriftart und "Schreibtitelname" in den Namen der Schriftdatei ohne Erweiterung. Wenn Sie mehrere Schriftarten haben, wiederholen Sie diesen Code einfach für jede Schriftart.
Danach können Sie die neuen Schriftarten mithilfe der font-family-Eigenschaft in CSS auf die Elemente Ihrer Website anwenden:
Ersetzen Sie "Schreibtitelname" durch den Namen Ihrer Schriftart. Dadurch wird sichergestellt, dass Ihre Schriftart für Absätze auf Ihrer Website verwendet wird.
Wie füge ich der Website eine heruntergeladene Schriftart hinzu
Befolgen Sie diese Schritte, um die heruntergeladene Schriftart zu Ihrer Website hinzuzufügen:
@font-faceselector
Jetzt haben Sie die heruntergeladene Schriftart erfolgreich zu Ihrer Website hinzugefügt. Stellen Sie sicher, dass die Schriftart in verschiedenen Browsern und auf verschiedenen Geräten korrekt angezeigt wird.
Beachten Sie, dass möglicherweise Dateien erforderlich sind, um eine Schriftart von Ihrem Server zur Website zu verbinden .htaccess oder erweiterte Webserver-Einstellungen. Wenn Sie mit diesen Einstellungen nicht vertraut sind, wenden Sie sich an Ihren Hosting-Provider oder Website-Entwickler.
