93 318 54 36

Google Fonts Guide: Wie wählen Sie Schriftarten für Ihre Website aus?

25/05/2022
Elizabeth De Leon

Wie Sie vielleicht verstanden haben, sind Google-Schriftarten eine Reihe von Zeichen, die in einer echten topografischen Bibliothek enthalten sind, insbesondere eine Reihe von Anwendungsprogrammierschnittstellen oder besser bekannt als APIs. Insbesondere ermöglicht es allen Benutzern, Webfonts in ihrer eigenen Anwendung oder Website zu verwenden. Sie können insbesondere 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 Charaktere und Bandbreite sind definitiv kostenlos.

Aus diesem Grund ist es notwendig, die für Ihren Fall am besten geeigneten Schriftarten sorgfältig auszuwählen, um die technische Leistung zu optimieren und die Website für die Augen des Benutzers angenehm zu gestalten.

Was ist Google Fonts?

Google Fonts ist eine kostenlose Lizenz zur Vereinfachung von Schriftarten durch CSS und Android. Google Fonts wurde erstellt, um das Auffinden von Schriftarten zu vereinfachen, und ist kostenlos unter Open-Source-Lizenzen verfügbar. Sie können sowohl für kommerzielle als auch für nichtkommerzielle Projekte verwendet werden.

Innerhalb der Website können wir durch den entsprechenden Suchbefehl die ästhetisch am besten geeignete Schriftart für unseren Fall auswählen und sie innerhalb unserer Website 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 der Bedarf für Webressourcen, Schriftarten nicht von lokalen Terminals, sondern von Servern einfach abzurufen, um eine korrekte Anzeige für alle zu gewährleisten.

Google Web Fonts, heute Google Fonts, hat das bisherige TypeKit bei der Bereitstellung von Schriftarten zum Einbetten auf Websites abgelöst: Vielmehr reicht es aus, den entsprechenden Code in das HTML oder CSS der Seite zu integrieren, um die gleiche Darstellung auf allen Geräten zu gewährleisten.

Die Schriftarten, die wir auswählen können, sind unterteilt in:

  • Serif (Schriftart mit Serifen), kleine Verlängerungen am Ende von Buchstaben, die sie einander näher zu bringen scheinen, wie Droid Serif;
  • Sans Serif (serifenlose Schriftart), wie Roboto und Open Sans;
  • Schreiben Handschrift (Schriftarten, die Handschrift ähneln), wie z. B. Shadows Into Light;
  • Monospace (Schriftart, deren Zeichen gleich breit und schreibmaschinenähnlich gestaltet sind) wie Inconsolata
  • Bildschirme (Schriftarten mit sehr engen Buchstaben) wie Lobster und Poiret One, im Allgemeinen für große Projekte geeignet

Schriftarten sollten in einer Vereinbarung gewählt werden, ohne zu übertreiben, um die Seite nicht zu sehr zu überladen; 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 Website-Assets, die Verweildauer und Umwandlungen in CTAs fördern können. Tatsächlich bieten sie mehrere Vorteile:

  • kostenlose und sichere Schriftbibliothek (bereitgestellt von Google)
  • Kostenlose Schriftarten für kommerzielle und nichtkommerzielle Projekte (es gelten keine Lizenzbeschränkungen)
  • die Lesbarkeit der Seite verbessern
  • sehr leicht (sie machen das Laden der Webseite, die sie hostet, schneller)
  • sehr vielseitig : in zahlreichen Versionen erhältlich, um alle visuellen und formatierenden Anforderungen zu erfüllen
  • Stellen Sie sicher, dass die Schriftarten mit allen Websites und Apps kompatibel sind
  • ästhetisch attraktiv

Alle Google Fonts erfüllen die genauen Standards der Google-Community und erweisen sich als sehr 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 übersetzen sich somit in wichtige Elemente für die User Experience der Seite, die sich wiederum über die durch die Nutzung der User erzeugten Zufriedenheitszeichen 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 leicht wie möglich zu liefern.

Dank einer kürzeren Ladezeit können wir eine niedrigere Absprungrate auf unserer Website erreichen, was die Conversion-Chancen erhöht. Tatsächlich hält eine schwer lesbare Schriftart davon ab, das Ende der Seite zu erreichen, und fordert den Benutzer auf, die Seite zu verlassen, bevor er auf den Aufruf zum Handeln reagiert.

Welche Google-Schriftarten 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 sicherlich die richtige für uns finden werden. Darüber hinaus sind die Schriftarten, wie bereits erwähnt, kostenlos verfügbar, 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 unser Website-Design auszuwählen, die zum Weiterlesen anregen wird.

Um die am besten geeigneten Google Fonts für unsere Website auszuwählen, müssen wir mehrere Aspekte beachten, wie zum Beispiel:

  • Lesbarkeit
  • Professionalität im Einklang mit dem Stil der Website
  • Größe des Webprojekts anpassen
  • Site-Thema

Zu den beliebtesten Schriften im Umlauf gehören:

  • Roboto (Android-Systemschrift)
  • 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 (für Bildschirmnutzung geeignet)

Google-Fonts sind kostenlos

Die Lizenz ist, wie oben erwähnt, kostenlos und als Open Source fallen keine Kosten an. Es ist jedoch gut zu wissen, dass bestimmte Zeichen durch die Apache-Lizenz verbreitet werden. In beiden Situationen besteht jedoch die Möglichkeit, sie auch für kommerzielle Zwecke zu verwenden. Darüber hinaus wird diese Sammlung auch von Monotypes SkyFonts- und Adobes Edge-Webdiensten sowie von Monotypes Typekit offengelegt.

Vor kurzem, 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 die Möglichkeit bieten, die Elemente direkt auf den Desktop herunterzuladen, um sie im digitalen Format zu verwenden gültig für iOS, Web und 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, sie auszuwählen. Der Online-Katalog enthält definitiv eine Vielzahl von Zeichen. Dieser Dienst erfüllt nicht nur alle Bedürfnisse der Benutzer unter diesem Gesichtspunkt, 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 sich für verschiedene Filter entscheiden, um schnell und einfach eine präzise Suche durchzuführen, im Detail besteht die Möglichkeit, in folgenden Bereichen einzugreifen:

  • Suche : In dieses Feld können Sie den genauen Namen einer Schriftart eingeben, die Sie bereits kennen;
  • Textvorschau : ermöglicht Ihnen eine echte Vorschau auf die optische Wirkung der Schriftart, die Sie verwenden möchten, dies geschieht insbesondere bei der Auswahl eines einfachen Textes oder dem Hinzufügen eines Satzes nach Ihren Wünschen;
  • Schriftgröße : Feinabstimmung der Pixelmaße des während der Vorschauphase präsentierten Textes ;
  • Kategorien : Wählen Sie die Schriftart gemäß den 5 Abschnitten aus, in denen alle Schriftarten von Google zu finden sind;
  • Sprache : Beschränken Sie die Suche auf das Alphabet einer bestimmten Sprache;
  • Ortschaften Schriftstil: Wählen Sie bestimmte Schrifteigenschaften aus, z. B. die Anzahl der Stile, die Neigung, die Stärke und die Breite.

So installieren Sie Google Fonts

  • Besuchen Sie die Google-Fonts-Website
  • wählen Sie die betreffende Quelle 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 der Blog oder die Website verwenden, um E-Books oder Grafiken gemäß dem Webstil zu erstellen.

Zunächst müssen Sie überprüfen, ob unser Website-Theme bereits Google Fonts integriert, da die neuesten Premium-Themes bereits eingerichtet sind, um sie zu hosten. Wenn nicht, 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 den Call-Through verwenden die Google Fonts-API . In diesem Fall müssen Sie einen Link zwischen dem HTML-Sheet und dem Stylesheet hinzufügen.

Die Plattform stellt uns den entsprechenden Code zum Einbetten 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-Schriftarten 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 Möglichkeit, eine Schriftart hinzuzufügen umfasst das manuelle Verfahren .

Wird mit der WP-Umgebung gearbeitet, muss zunächst einmal analysiert werden, dass das Theme nicht standardmäßig Google Fonts mit einbezieht. Um diesen Aspekt zu überprüfen, reicht es aus, die Leistung im entsprechenden Konfigurationsfenster zu überprüfen. Falls dieses Formular nicht vorhanden ist, gibt es eine andere Möglichkeit, das Plugin wie Google Font Typography oder Easy Google Fonts herunterzuladen und direkt im Panel zu installieren. An dieser Stelle können Sie mit der Auswahl der Schriftart fortfahren, die am meisten anzieht deine Aufmerksamkeit.

Auch wenn Sie die Google Fonts-API verwenden möchten, um Schriftarten manuell direkt in Websites einzubetten, müssen Sie keine Programmierung vornehmen, da Sie lediglich einen bestimmten Link zum Stylesheet in das HTML-Dokument einbetten müssen . Daher ist es notwendig, die Schriftart in einem CSS-Stil zu erwähnen. Um diesen Schritt schnell und einfach auszuführen, kopieren Sie einfach den Code, der in der Linkbezeichnung angegeben ist, die sich speziell im Ordner namens Website-Header 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

Inzwischen werden Sie sicherlich verstehen, was Google Fonts sind und wie Sie sie auf Ihrer Website, Seite oder Ihrem Blog installieren müssen, um sie verwenden zu können.

Schriftarten stellen einen wichtigen Teil in der Welt der Grafiken und Websites dar, wo sie den Stil der Plattform einzigartig und besonders machen. Die Auswahl von Google Fonts ist definitiv ein wichtiger Schritt, da sie den Stil visuell definieren. Basierend auf den Studien des Webdesigns hat sich herausgestellt, dass es in diesem Bereich notwendig ist, bestimmte Regeln zu befolgen, um ein perfektes Ergebnis gemäß Ihren Vorlieben und Bedürfnissen zu erzielen, insbesondere letztere beziehen sich speziell auf Farben, Formen und Schriftarten.

In Bezug auf die Schriftarten sollten letztere sein: gut lesbar und verständlich, wenn die gewählte Schriftart nicht gut lesbar ist, wird empfohlen, sie in einigen Bildern durch grafische Elemente grafisch zu verwenden, eine der Cross-Browser-Kompatibilitätsprüfungen durchzuführen, Verwenden Sie eine bis maximal drei unterschiedlich gestaltete Schriftarten, verwenden Sie klassische Schriftarten mit Serifenschrift für Titel und Überschriften und Sans-Serif stattdessen für Text.