Wie Sie vielleicht verstanden haben, handelt es sich bei Google-Schriftarten um eine Reihe von Zeichen, die in einer echten topografischen Bibliothek enthalten sind, insbesondere in einer Reihe von Anwendungsprogrammierschnittstellen oder besser bekannt als APIs. Insbesondere ermöglicht es allen Benutzern die Verwendung von Webfonts in ihrer eigenen Anwendung oder Website. Insbesondere können sie frei verwendet werden, da sie mit einer kostenlosen Lizenz ausgestattet sind. Im Detail handelt es sich um eine Bibliothek, die jedem ein echtes interaktives Webverzeichnis zur Verfügung stellt, was unerlässlich ist, um die Auswahl und Verwaltung von Schriftarten über Android zu erleichtern. und CSS.
Google stellt diesen Dienst zur Verfügung und alle vorhandenen Zeichen und Bandbreiten sind definitiv kostenlos.
Aus diesem Grund ist es notwendig, sorgfältig die für Ihren Fall am besten geeigneten Schriftarten auszuwählen, um die technische Leistung zu optimieren und die Website für das Auge des Benutzers angenehm zu gestalten.
Was sind Google Fonts?
Google Fonts ist eine kostenlose Lizenz zur Vereinfachung von Schriftarten über CSS und Android. Google Fonts wurde entwickelt, um das Auffinden von Schriftarten zu vereinfachen und ist mit Open-Source-Lizenzen kostenlos verfügbar. Sie können sowohl für kommerzielle als auch für nichtkommerzielle Projekte genutzt werden.
Innerhalb der Site können wir über den entsprechenden Suchbefehl die für unseren Fall ästhetisch am besten geeignete Schriftart auswählen und auf unserer Site abrufen, um sicherzustellen, dass der Text auf einer bestimmten Seite gemäß diesen Vorgaben formatiert ist.
Mit der Definition der ersten CSS-Spezifikationen entstand tatsächlich die Notwendigkeit, dass Webressourcen Schriftarten einfach nicht von lokalen Terminals, sondern von Servern abrufen können, um eine korrekte Anzeige für alle sicherzustellen.
Google Web Fonts, heute Google Fonts, hat das bisherige TypeKit durch die Bereitstellung von Schriftarten zum Einbetten in Websites ersetzt: Tatsächlich reicht es aus, den entsprechenden Code in das HTML oder CSS der Website zu integrieren, um die gleiche Anzeige auf allen Geräten zu gewährleisten.
Die Schriftarten, die wir auswählen können, sind unterteilt in:
- Serif (Serifenschrift), kleine Erweiterungen an den Enden von Buchstaben, die sie scheinbar näher zusammenbringen, wie Droid Serif;
- Sans Serif (serifenlose Schriftart), wie Roboto und Open Sans;
- Schreiben von Hand (Schriftarten, die der Handschrift ähneln), wie z. B. Shadows Into Light;
- Monospace (Schriftart, deren Zeichen die gleiche Breite haben und deren Stil dem von Schreibmaschinen ähnelt) wie Inconsolata
- Bildschirme (Schriftarten mit sehr ähnlicher Schrift) wie Lobster und Poiret One, grundsätzlich für große Projekte geeignet
Schriftarten sollten in Absprache und ohne Übertreibung gewählt werden, um die Seite nicht zu sehr zu überlasten; Die Entscheidung für mehr als zwei oder drei Schriftarten pro Seite würde das Lesen erschweren.
Vorteile der Verwendung von Google Fonts
Google Fonts sind, wie bereits erwähnt, ästhetische Elemente einer Website, die die Verweildauer und CTA-Konvertierungen steigern können. Tatsächlich bieten sie mehrere Vorteile:
- Kostenlose und sichere Schriftartenbibliothek (bereitgestellt von Google)
- Kostenlose Schriftarten für kommerzielle und nichtkommerzielle Projekte (es gelten keine Lizenzbeschränkungen)
- Verbessern Sie die Lesbarkeit der Seite
- sehr leicht (sie beschleunigen das Laden der Webseite, auf der sie gehostet werden)
- sehr vielseitig – in zahlreichen Versionen erhältlich, um allen visuellen und Formatierungsanforderungen gerecht zu werden
- Stellen Sie sicher, dass Schriftarten mit allen Websites und Apps kompatibel sind
- ästhetisch attraktiv
Alle Google-Schriftarten entsprechen den präzisen Google-Community-Standards und erweisen sich als äußerst kompatibel mit den meisten Websites.
Warum sie verwenden?
Wie wir wissen, können auch die verwendeten Schriftarten einen erheblichen Einfluss auf die Ladezeiten von Webseiten und die Lesbarkeit von Inhalten haben. Sie werden daher zu wichtigen Elementen für das Benutzererlebnis der Seite, die sich wiederum durch die durch die Benutzernutzung erzeugten Zufriedenheitssignale auf die Positionierung auswirken können.
Google Fonts wurden von Google entwickelt, um die Datei in Bezug auf die für ihre Verwendung verwendeten Technologien so einfach wie möglich zu versenden.
Dank einer kürzeren Ladezeit können wir eine geringere Absprungrate auf unserer Website erreichen und so die Conversion-Chancen erhöhen. Tatsächlich hält eine schwer lesbare Schriftart davon ab, das Ende der Seite zu erreichen, und ermutigt den Benutzer, die Seite zu verlassen, bevor er auf den Aufruf zum Handeln reagiert.
Welche Google-Schriftarten sollten Sie für unsere Website auswählen?
Typografie kann für Ihre Website sehr wertvoll sein. Eine passende Schriftart für Ihr Projekt spiegelt den ästhetischen Stil der Website wider, ist gut lesbar und vermittelt eine gewisse Persönlichkeit.
Im Shop gibt es mehr als 1040 Schriftarten, unter denen wir mit Sicherheit die richtige für uns finden. Darüber hinaus sind die Schriftarten, wie bereits erwähnt, kostenlos erhältlich, sodass wir mit der einen oder anderen experimentieren können, bis wir diejenige gefunden haben, die am besten zu unserer Website passt. Nehmen wir uns also etwas Zeit, um die richtige Schriftart für das Design unserer Website auszuwählen, die zu mehr Lektüre anregt.
Um die am besten geeigneten Google-Schriftarten für unsere Website auszuwählen, müssen wir auf mehrere Aspekte achten, wie zum Beispiel:
- Lesbarkeit
- Professionalität im Einklang mit dem Stil der Website
- Größe des Webprojekts anpassen
- Website-Thema
Zu den beliebtesten Schriftarten im Umlauf gehören:
- Roboto (Systemschriftart für Android)
- Kinsta (wird von Google für einige Websites verwendet)
- Source Sans Pro (Adobes erste Open-Source-Schriftart)
- Raleway (spezielle Großformatschrift)
- fröhlich
- nunito sans
- Work Sans (geeignet für den Bildschirmgebrauch)
Google-Schriftarten sind kostenlos
Die Lizenz ist, wie oben erwähnt, kostenlos und da sie Open Source ist, fallen keine Kosten an. Allerdings ist es gut zu wissen, dass bestimmte Zeichen über die Apache-Lizenz verteilt werden. In beiden Situationen besteht jedoch die Möglichkeit, sie auch kommerziell zu nutzen. Darüber hinaus wird diese Sammlung auch von den Webdiensten SkyFonts von Monotype und Edge Web von Adobe sowie von Typekit von Monotype bereitgestellt.
Kürzlich, genauer gesagt ab 2021, wurde dieses Projekt auch auf Symbole ausgeweitet, da durch einen ersten Satz von Symbolen, die sich aus allgemeinen Kommunikationsbedürfnissen und materiellen Symbolen zusammensetzen, die Möglichkeit besteht, die Elemente direkt auf den Desktop herunterzuladen, um sie in einem gültigen digitalen Format zu verwenden sowohl iOS, Web als auch Android.
So installieren Sie Google Fonts auf der Website
Google Fonts können von der Website, auf der sie platziert sind, eingebettet oder per FTP heruntergeladen und eingebettet sowie für Druckprojekte verwendet werden.
Bevor Sie eine oder mehrere Schriftarten von Google Fonts herunterladen, ist es wichtig, diese auszuwählen. Der Online-Katalog umfasst auf jeden Fall unzählige Charaktere. Dieser Dienst erfüllt nicht nur alle Benutzerbedürfnisse in dieser Hinsicht, sondern bietet auch die Möglichkeit, schnell nach denjenigen zu suchen, die Ihnen am besten gefallen und die Sie auf Ihrer Plattform verwenden möchten. Insbesondere auf der offiziellen Google Fonts-Seite können Sie verschiedene Filter auswählen, um schnell und einfach eine präzise Suche durchzuführen. Im Einzelnen besteht die Möglichkeit, in folgenden Bereichen einzugreifen:
- Suche - In diesem Feld können Sie den genauen Namen einer Schriftart eingeben, die Sie bereits kennen.
- Textvorschau - ermöglicht Ihnen, eine echte Vorschau des optischen Effekts der Schriftart zu sehen, die Sie verwenden möchten. Dies geschieht insbesondere bei der Auswahl eines Grundtextes oder beim Hinzufügen eines Satzes nach Ihren Wünschen.
- Schriftgröße - Feinabstimmung der Pixelmaße des während der Vorschauphase angezeigten Textes ;
- Kategorien - Wählen Sie die Schriftart basierend auf den 5 Abschnitten aus, in denen alle Google-Schriftarten zu finden sind.
- Sprache - Beschränkt die Suche nach dem Alphabet einer bestimmten Sprache;
- Ortschaften Schriftart – Wählen Sie bestimmte Schriftarteigenschaften aus, z. B. die Anzahl der Stile, die Neigung, die Stärke und die Breite.
So installieren Sie Google-Schriftarten
- Besuchen Sie die Google-Fonts-Website
- Wählen Sie die gewünschte Schriftart aus
- Klicken Sie auf „Herunterladen“, um es im ZIP-Format herunterzuladen
- Entpacken Sie den Ordner, klicken Sie mit der rechten Maustaste auf die TTF-Datei und wählen Sie „Installieren“:
Auf diese Weise können wir dieselben Schriftarten wie im Blog oder auf der Website verwenden, um E-Books oder Grafiken entsprechend dem Webstil zu erstellen.
Zunächst sollten Sie prüfen, ob unser Website-Theme bereits Google Fonts integriert, da die neuesten Premium-Themes bereits für deren Hostung konfiguriert sind. Andernfalls können wir ein Plugin wie Easy Google Fonts oder Google Fonts Typography installieren, um sie einzuführen.
Wenn wir kein weiteres Plugin installieren möchten, können wir auf den Call Through zurückgreifen die Google Fonts-API . In diesem Fall müssen Sie einen Link zwischen dem HTML-Blatt und dem Stylesheet hinzufügen.
Die Plattform stellt uns den entsprechenden Code zur Einbettung zur Verfügung der HTML-Seite, um das Auffinden ausgewählter Schriftarten auf unserer Seite zu vereinfachen.
So fügen Sie Google-Schriftarten zu WordPress hinzu
Es ist gut zu wissen, dass es zwei Hauptmethoden gibt, um Google Fonts direkt in Ihre Projekte einzubinden. Insbesondere für einen WordPress-Stil müssen Sie ein bestimmtes Plugin installieren, bei dem die Möglichkeit besteht, die Arbeit zu delegieren, oder die andere Option, eine Schriftart hinzuzufügen beinhaltet das manuelle Verfahren.
Wenn die Arbeit über die WP-Umgebung erfolgt, muss zunächst analysiert werden, dass das Theme nicht standardmäßig gleichzeitig Google Fonts enthält. Um diesen Aspekt zu überprüfen, überprüfen Sie einfach die Leistung im entsprechenden Konfigurationsfenster. Wenn dieses Formular nicht vorhanden ist, gibt es eine andere Möglichkeit: Laden Sie das Plugin herunter, z. B. Google Font Typography oder Easy Google Fonts, und installieren Sie es direkt im Panel. An dieser Stelle können Sie mit der Auswahl der Schriftart fortfahren, die Ihre Aufmerksamkeit am meisten auf sich zieht.
Auch wenn Sie die Google Fonts API verwenden möchten, um Schriftarten im manuellen Verfahren direkt auf Websites einzubinden, müssen Sie keine Programmierung durchführen, sondern müssen lediglich einen spezifischen Link zum Stylesheet in das HTML-Dokument integrieren . Daher ist es notwendig, die Quelle im CSS-Stil anzugeben. Um diesen Schritt einfach und schnell durchzuführen, kopieren Sie einfach den im Link-Label angegebenen Code, der sich speziell im Ordner „Header“ der Website befindet, und fügen Sie ihn ein. Schließlich ist es wichtig, das resultierende CSS zu verwenden, um die Regel auf die HTML-Komponenten zu übertragen.
Schlussfolgerungen
Jetzt wissen Sie sicherlich, was Google Fonts sind und wie Sie sie auf Ihrer Website, Seite oder Ihrem Blog installieren müssen, um sie nutzen zu können.
Schriftarten stellen einen wichtigen Teil in der Welt der Grafiken und Websites dar und machen den Stil der Plattform einzigartig und besonders. Die Wahl von Google Fonts ist definitiv ein wichtiger Schritt, da sie den Stil visuell definieren. Basierend auf den im Bereich Webdesign durchgeführten Studien hat sich herausgestellt, dass es in diesem Bereich notwendig ist, bestimmte Regeln zu befolgen, um ein perfektes Ergebnis entsprechend Ihren Vorlieben und Bedürfnissen zu erzielen. Letztere beziehen sich insbesondere auf Farben, Formen und Schriftarten.
Was die Schriftarten anbelangt, so müssen diese Folgendes sein: leicht lesbar und verständlich; wenn die gewählte Schriftart nicht leicht lesbar ist, wird empfohlen, sie in einigen Bildern grafisch durch grafische Elemente zu verwenden, eine der browserübergreifenden Kompatibilitätsprüfungen durchzuführen, Verwenden Sie zwischen einer und maximal drei verschiedenen Schriftarten. Verwenden Sie klassische Schriftarten mit einer Serifenschrift für Titel und Überschriften und stattdessen serifenlose Schriftarten für Texte.
