Video: CSS & HTML Tutorial: Alle Schriften benutzen - CSS Hacks #1 2025
An einem Punkt war der Live-Text auf die Verwendung von web-sicheren Schriftarten beschränkt. Glücklicherweise haben Sie nun dank Font-Embedding-Technologie, die es Ihnen ermöglicht, eine Schriftart in die Webseiten Ihres Blogs einzubetten, viel mehr interessante Möglichkeiten für Schriften. Mit einer eingebetteten Schriftart sehen Besucher die Schriftart, die Sie für Ihr Design ausgewählt haben, auch wenn diese Schriftart nicht web-sicher ist.
Also, was ist der Haken? Eingebettete Schriftarten können den Download Ihres Blogs im Browser eines Besuchers verlangsamen. Damit eingebettete Schriften funktionieren, müssen die Webbrowser Ihrer Besucher die Schriftarteneinbettung unterstützen.
Wenn es um Schriften geht, weiß ein Browser, welche Schriftart mit dem in Ihrem CSS (Cascading Style Sheet) aufgelisteten Schriftnamen angezeigt werden soll. Bei einer web-sicheren Schriftart zeigt ein Browser die Schriftart korrekt an, indem die Informationen dieser Schriftart vom Betriebssystem eines Computers abgerufen werden.
Bei einer eingebetteten Schriftart zeigt ein Browser die Schriftart korrekt an, da das CSS dieser Website definiert, wo ein Browser die Schriftdateien finden kann, die er anzeigen muss (da sich die Schrift nicht auf dem Computer des Website-Besuchers befindet).
Dienste wie Adobe Typekit und Google Web Fonts beherbergen die Schriftarten für Sie. Wenn jemand Ihr Blog besucht, kann Ihr CSS eine eingebettete Schrift anzeigen, indem er die Schriftdateien von einem anderen Ort als Ihrem Computer abruft.
Um eingebettete Schriften mit einem dieser Dienste zu verwenden, erhalten Sie den Code, den Sie benötigen, um eine Schriftart in Ihrem Blog anzuzeigen. Nett! Von dort aus müssen Sie in der Lage sein, den Code, den sie bereitstellen, dem HTML-Dokument Ihres Blogs hinzuzufügen, normalerweise in einer Datei namens header. Php auf WordPress oder durch Bearbeiten Ihrer Vorlagendatei in Blogger.
Sie müssen auch in der Lage sein, Ihr CSS zu ändern, um von Ihren aktuellen Schriftarten zu den Namen der Schriftarten, die Sie einbetten möchten, zu wechseln.
Eine erweiterte Möglichkeit zum Verwenden von eingebetteten Schriften ist die Verwendung der @ font-face-Eigenschaft in Ihrem CSS. Dazu müssen Sie mit der Codierung vertraut sein, um sie entweder manuell zu codieren oder einen Dienst wie FontSquirrel zu verwenden, der Ihnen hilft, den Code und die Dateien zu generieren, die zur Verwendung der Eigenschaft @ font-face erforderlich sind. Die Schriftdateien können entweder auf Ihrem eigenen Server oder mit einem Font-Dienst wie FontSquirrel gehostet werden.
