Zum Hauptinhalt springen




Installieren Google Fonts im WordPress Es ist ein guter Weg zu mejorar el diseño de tu Netz y hacer el Inhalt más legible. En este tutorial te decimos cómo.

Was ist Google Fonts?

Google Fonts ist ein Service von Google die seit 2010 für die Erleichterung des Zugangs zu einer guten Anzahl von zuständig ist Web-Schriftarten (mehr als achthundert Schriftarten) kostenlos.

 Was ist das mit Web-Schriftarten?

Die Typografie einer Website bezieht sich auf:

  • Die Buchstaben (a, b, c, d, e ...)
  • Die Zahlen (1, 2, 3, 4, 5, 6, 7, 8, 9, 0)
  • Y los caracteres especiales (@, #, €, &Ampere;, =, ¿, *…)

Das gehört dazu Inhalt als Text auf einer Seite. Diese Gegenstände gehören zur selben Familie oder zur selben Familie Schriftart, haben eine enge Beziehung und ästhetische Entsprechung.

Die Typografie hing zunächst ausschließlich von der ab Browser (Webbrowser). So, dass Designer und Webmaster sie konnten nicht beeinflussen auf der Wahl der Schriftart.

Aus diesem Grund wurden die meisten Texte auf den Webseiten gezeigt in:

  • Times New Roman
  • Arial
  • Georgia
  • Garamond.

Und einige Internetnutzer mit einem guten Gedächtnis werden sich sogar an Texte von bestimmten Websites in erinnern Comic sans (Ja, die Nemesis der Designer).

So, dass in jenen Jahren die Optionen Sie waren begrenzt.

Denn für eine Schrift oder Schrift bereitgestellt im Browser es musste auf dem Computer installiert werden.

CSS2 wird angezeigt

Mit der Ankunft von CSS2 se abrió el abanico de opciones. El CSS2 permitía a los Browser Bahnen Laden Sie Schriftarten in den Browser herunter. Damit entfällt die Voraussetzung für:

Eine Schriftart oder Schrift wird im Browser nur angezeigt, wenn sie bereits auf dem Computer installiert ist.

Warum Google Fonts in WordPress installieren?

In einigen Fällen ist die Gesamterscheinung einer Website hängt weitgehend von der Typografie.

Unglaublich, wie es scheinen mag. Über die anderen wichtigen Designelemente hinaus. In bestimmten Fällen, z. B. auf Websites, auf denen Der Großteil des Inhalts wird über Text konsumiertTypografie kann echte Wunder wirken.

So, dass mit Google Fonts Wir können dem Design, das wir in unserem Kopf haben, sehr nahe kommen. Und das, obwohl ich tausendmal mit ihm zusammen war Seitenersteller, Bisher konnten wir uns noch nicht nähern.

Eine geeignete Quelle kann gleichzeitig Verbesserung der Lesbarkeit unserer Texte. Dies erhöht die Kundenbindung und verbessert unsere Zahlen für Google und die SEO.

So installieren Sie Google Fonts in WordPressGoogle Fonts Logo

Zur Installation Google Fonts oder eine auf diesem Dienst gehostete Schriftart gibt es viele Methoden.

Aber vor der Installation einer Web-Schriftart über Google Fonts conviene que elijas una fuente que haga brillar tus textos. Dicho de otra forma, una fuente que Sein atractiva y fácil de leer.

Sobald die Schriftart ausgewählt ist, können wir arbeiten.

1. Installieren von Google Fonts ohne Plugins oder Tools

Sobald wir unsere Schriftart in ausgewählt haben Google Fontskopieren wir den Webcode dieser Schriftart.

Wir werden mit arbeiten Raleway. Und das ist dein Code:

<link href=’http://fonts.googleapis.com/css?family=Raleway’ rel=’stylesheet’ type=’text/css’>

In unserem WordPress-Dashboard folgen wir also der folgenden Route:

Aussehen> Editor> Header*

* Der Name unserer Header oder die Kopfzeile im Editor kann je nach Thema variieren.

Warnung:

Denken Sie daran, dass das Ändern des Codes unserer WordPress-Installation schädlich sein kann. Bevor Sie etwas ändern, denken Sie daran Erstellen Sie ein Backup.

Also kopieren wir den Quellcode von Google Fonts und wir fügen es zwischen die Etiketten:   y

Hier fügen Sie Code aus der Google Fonts-Schriftart ein

Sie halten Änderungen und fast fertig.

Jetzt müssen Sie nur noch die aufrufen Schriftart, die Sie gerade installiert haben.

Folgen Sie dazu der folgenden Route:

Apariencia > Personalizar > CSS adicional

Fügen Sie den folgenden Code ein:

html * { font-family:’Raleway’ !important; }

Denken Sie daran, dass der Name des Schriftfamilie Dies hängt von der Art der zu installierenden Schriftart ab.

Sie halten Änderungen und voila.

Wir haben bereits eine neue Schriftart über installiert Google Fonts.

2. Installieren von Google Fonts mithilfe von Plugins

Der einfachste Weg, um Schriftarten zu installieren Google Fonts In WordPress (und in einigen Fällen am meisten empfohlen) werden Plugins verwendet.

In diesem Abschnitt werden die Optionen variiert, da es unzählige Plugins gibt, die für den Import der Quellen verantwortlich sind Google Fonts zu Ihrer WordPress-Website.Einfache Google Fonts

Eine der am häufigsten verwendeten ist Einfache Google Fonts.

Obwohl die anderen Plugins das gleiche Prinzip verwenden.

  1. Instalas el Plugin
  2. Sie folgen dem folgenden Pfad: Darstellung> Anpassen
  3. A wird angezeigt Typografieoption
  4. Wählen die Quelle, wie Sie möchten.
  5. Speichern Sie die Änderungen und voila.

Jetzt haben Sie benutzerdefinierte Schriftarten über Google Fonts auf Ihrer WordPress-Website.

Hat dir das Tutorial gefallen?

Möchten Sie weiter über WordPress lernen?

Du hast Glück.

Wenn du ein sein willst Experte in der Webentwicklung und alles, was mit der Welt von zu tun hat WordPress melden Sie sich an für Bester Online-Kurs in Spanisch vom besten Content Manager: WordPress.org