{"id":2717,"date":"2021-03-17T10:26:25","date_gmt":"2021-03-17T09:26:25","guid":{"rendered":"https:\/\/www.sortlist.de\/blog\/?p=2717"},"modified":"2021-03-17T10:26:25","modified_gmt":"2021-03-17T09:26:25","slug":"webfonts","status":"publish","type":"post","link":"https:\/\/www-de.sortlist-test.com\/blog\/webfonts\/","title":{"rendered":"So bringen Sie mit Webfonts mehr Kreativit\u00e4t auf Ihre Website"},"content":{"rendered":"

Tolle kreative Schriften einfach auf der Firmenwebsite integrieren, das gelingt mit Webfonts. Anders als bei den Systemschriften m\u00fcssen diese Schriften nicht auf einem lokalen Computer installiert werden, sondern werden von einem externen Webserver bezogen. Die meist genutzten Webbrowser wie Mozilla Firefox, Google Chrome, Internet Explorer oder Safari unterst\u00fctzen Webfonts.<\/p>\n

Der technische Fortschritt erm\u00f6glichte die Trennung von HTML, dem Inhalt von den gestalterischen Elemente, die im CSS festgehalten werden. Webfonts sind also digitalisierte Schriftarten, welche direkt beim Besuch Ihrer Website vom Rechner des Nutzers geladen werden. Bei der Anwahl Ihrer Webseite erh\u00e4lt der Browser die Information, auf welchem Server sich die verwendete Schrift befindet, damit sie abgerufen werden kann. Die Schrift muss also nicht auf dem lokalen Rechner installiert sein.<\/p>\n

Webfonts, Systemschriften und Desktopfonts<\/h2>\n

Webfonts sind mittlerweile bei fast allen Websites hinterlegt. Im Vergleich dazu werden Desktopfonts vorrangig f\u00fcr Printprodukte eingesetzt. Dazu werden diese vom entsprechenden Server heruntergeladen und auf dem Computer installiert. Die Systemschriften wiederum sind vorinstallierte Schriften, sie sich auf fast allen Rechnern befinden.<\/p>\n

Vor der Entwicklung der Webfonts wurden die Systemschriften als sogenannte \u201cWeb Safe Fonts\u201d verwendet. Die Mehrzahl der Webseiten nutzten Systemschriften, da diese auf fast allen Rechner bereits verf\u00fcgbar waren. Heute kommen die Systemschriften als Fallback Font dann zum Einsatz, wenn aus irgendeinem Grund der entsprechende Webfont nicht geladen werden konnte.<\/p>\n

Welche Arten von Webfonts gibt es und wo werden diese eingesetzt?<\/h2>\n

Webfonts werden als kostenfreie Web Open Font Formats angeboten oder auch als lizenzpflichtige Schrifts\u00e4tze, die mit Kosten verbunden sind. Die Auswahl an Webschriften ist riesig und f\u00fcr das unge\u00fcbte Auge ist es manchmal schwer, den passenden Font zum Thema zu finden.<\/p>\n

Achten Sie bei der Wahl der Schriftart auf die zwei Hauptaspekte, die Lesbarkeit und die Wirkung. Diese zwei Punkte sollten immer in Verbindung mit dem Medium betrachtet werden. Erleichtern Serifen-Schriften das Lesen von kleinem Text in gedruckten Produkten, so k\u00f6nnen sie jedoch in der Webpr\u00e4senz nicht immer den gleichen Effekt erzeugen. Hier lohnt es sich, die unterschiedlichen Schriftarten zu testen.<\/p>\n

Extravaganz in die \u00dcberschriften<\/h3>\n

M\u00f6chten Sie \u00dcberschriften oder einige Textpassagen besonders hervorheben, so k\u00f6nnen Sie hier ruhig zu ausgefallenen und auff\u00e4lligen Schriftarten greifen. Viele Designer bedienen sich unterschiedlicher Schriftschnitte einer Font Family, um die Wertigkeiten der Textelemente zu definieren. \u00dcbertreiben Sie es bei der Wahl der Fonts nicht, denn zu viele verschiedene Webfonts bringen leicht Unruhe und Un\u00fcbersichtlichkeit auf die Seite.<\/p>\n

 <\/p>\n

\"Webfonts
Quelle: Pexels<\/a><\/figcaption><\/figure>\n

Generell werden vier unterschiedliche Font Faces unterschieden:<\/p>\n

Serifen-Schriften<\/h4>\n

Das markante Merkmal aller Serifen-Schriften ist der kleine Querstrich am Ende der Buchstabenbalken. Bekannte Vertreter dieser seri\u00f6s und traditionell wirkenden Schriftarten sind Century, Times New Roman oder Palatino. Diese Fonts werden besonders gern bei langen Texten und B\u00fcchern eingesetzt, da das menschliche Auge diese Schriften leicht lesen kann und nicht so schnell erm\u00fcdet.<\/p>\n

Sans-Serif-Schriften<\/h4>\n

Die Sans-Serif-Fonts verzichten, wie der Name schon erahnen l\u00e4sst, auf die kleinen Querbalken und setzten stattdessen auf unterschiedliche Strichst\u00e4rken. Besonders gern bei kurzen Texten verwendet, kommen die Vertreter wie Arial, Helvetica und Verdana eher modern und technisch daher.<\/p>\n

Handschriften<\/h4>\n

Sollen bestimmte Elemente auf Ihrer Website besonders stark hervorgehoben werden, so empfehlen sich mitunter die Handschriften, die eine ganz pers\u00f6nliche Note verspr\u00fchen. Die Schriften Bradley Hand ITC, Informal Roman oder auch Matura MJ Script lassen sich bestens als \u00dcberschriften einsetzen.<\/p>\n

Schreibschriften<\/h4>\n

F\u00fcr \u00dcberschriften und andere kurze Texte, die eine besonders emotionale und feierliche Wirkung erzielen sollen, eignen sich die Schreibschriften. Die Buchstaben sind hier meist miteinander verbunden.<\/p>\n

Worauf sollte beim Einsatz verschiedener Webfonts geachtet werden?<\/h3>\n

 <\/p>\n

\"Webfonts
Quelle: Pexels<\/a><\/figcaption><\/figure>\n

Die eben aufgelisteten Eigenschaften der Webfonts sind nat\u00fcrlich nur generell zu sehen. Gerade mit einem unerwarteten Einsatz bestimmter Schriften k\u00f6nnen Sie mehr Aufmerksamkeit erzeugen und den Blick der Nutzer lenken. Weitere Tipps f\u00fcr die Verwendung der Webfonts sind:<\/p>\n