Libre Franklin Ist Der Font 💡 FĂŒr Das Neue WordPress Standard-Theme »Twenty Seventeen«

Im Juli 2016 fĂŒhrte die Website Typewolf den Google Font »Libre Franklin« an Position fĂŒnf der besten Google – Fonts. Mir war dieser Font bisher nicht aufgefallen, weil er in den Libraries der von mir verwendeten WordPress-Themes nicht vorkam.

Standard-Theme "Twenty Seventeen"

Standard-Theme »Twenty Seventeen«

Vermutlich ist er trotz seiner Geschichte und PopularitĂ€t (s. Google Übersichtsseite) dort noch nicht lange verfĂŒgbar.

Im letzten Newsletter (6.10.) von Perun wies er auf den Entwicklungsstand des neuen WordPress Standard-Themes »Twenty Seventeen« hin. Dieses Theme kann man hier downloaden und einen Blick riskieren. Das habe ich (natĂŒrlich) gemacht und stieß dabei auf »Libre Franklin«. Ich gehe einmal davon aus, dass es der Standard-Font fĂŒr das Thema sein wird.


Wie kann man einen neuen Font installieren?

Wie bekommt man es bei einem WordPress-Theme, das ĂŒber eine eigene Font-Bibliothek verfĂŒgt, hin, einen weiteren Google-Font zu integrieren? NatĂŒrlich gibt es auch fĂŒr diesen Zweck einige WordPress – Plugins, mit deren Hilfe nicht nur Google Fonts ausgetauscht, sondern auch zusĂ€tzliche geladen werden können.

Bei manchen Themes ist es möglich, eigene Fonts, die man auf seinem Server installiert hat (Rechte beachten!),  oder auch die anderer Dienste (z.B. Typekit) zu integrieren.

DarĂŒber hinaus kann man Google Fonts auf folgende Weise ins Theme »einbauen«:

Auf der Font-Übersichtsseite des gewĂŒnschten Fonts klickt man ganz oben rechts auf »Select this font«. Ganz unten rechts erscheint dann ein Popup mit dem Titel: »1 Family Selected«. Es gibt dort mehrere Möglichkeiten, die Fonts zu »embedden«. Ich bevorzuge die @import – Variante.

Auf der Übersichtsseite sieht man gleich, dass dieser schöne Font eine Vielzahl verschiedener Schriftschnitte und -StĂ€rken mitbringt. Das ist nicht bei vielen Fonts der Fall.

Es macht Sinn zu ĂŒberlegen, welche der Schriftschnitte und -StĂ€rken im Blog eingesetzt werden sollen. StandardmĂ€ĂŸig ist der Schriftschnitt »regular« ausgewĂ€hlt. Damit kann man arbeiten. Wer jedoch im Text gern fett oder kursiv einsetzt wird feststellen, dass die Darstellung in diesem Fall nicht optimal ist. Diese Schriftschnitte und -StĂ€rken sollten also ausgewĂ€hlt werden. Übertrieben werden sollte es jedoch nicht, weil zu viele Schnitte und StĂ€rken die Ladezeit unnötig vergrĂ¶ĂŸern.

Neben den Möglichkeiten, die ich beschrieben habe, können Schriften auch mithilfe der beiden folgenden Dateien ins Theme integriert werden:

1.) header.php

Sucht nach:

</head>

FĂŒgt unmittelbar vor dem Ende des Abschnitts die folgende Zeile ein:

<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:200,400,400i,600" rel="stylesheet">

2.) style.css

Beispiel bei Fonts, die selbstgehostet sind: 
@font-face {font-family: 'BrandonTextWeb-Regular';src: url('https://2bier.de/wp-content/fonts/31ADC0_0_0.eot');src: url('https://2bier.de/wp-content/fonts/31ADC0_0_0.eot?#iefix') format('embedded-opentype'),url('https://2bier.de/wp-content/fonts/31ADC0_0_0.woff2') format('woff2'),url('https://2bier.de/wp-content/fonts/31ADC0_0_0.woff') format('woff'),url('https://2bier.de/wp-content/fonts/31ADC0_0_0.ttf') format('truetype');}
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,400,400i,600')

Achtet bitte bei der Lösung 2 darauf, dass dieser Eintrag ganz oben in der Datei platziert ist.

Weil ich gerade bei schönen Fonts bin. »Poppins« ist auch ein Google-Font, der, glaube ich, noch nicht so lange verfĂŒgbar ist. Auf diesen Font bin ich durch das noch relativ neue WordPress-Theme »Uku Pirongia« von Elmastudio gestoßen. Die Schriftart stellt in der momentanen Version AnfĂŒhrungszeichen unten nicht korrekt dar. Ein Nutzer des Themes hat den Entwickler der Schriftart diesbezĂŒglich zwar angeschrieben. Aber eine Stellungnahme steht wohl noch aus. Wen das stört, der kann bis zur Behebung dieses kleinen Fehlers das WordPress Plugin »WP-Typography« einsetzen. Ein Blick auf dieses tolle Plugin lohnt sich allerdings ohnedies. Die frĂŒher einmal beklagten Performancenachteile kann ich heute nicht mehr feststellen.

Horst Schulte

Ich bin Horst Schulte und blogge seit 2004. Am liebsten schreibe ich ĂŒber gesellschaftliche und politische Fragen. Aber ab und an gibt es hier auch etwas zum Thema Bloggen, Wordpress und ein paar Fotos.

Meine ersten Gehversuche als Blogger machte ich mit den Blogs finger.zeig.net, spÀter mit querblog.de und noch etwas spÀter mit netzexil.de

Dieser Beitrag hat 2 Kommentare
  1. Achtung:
    Ich stelle mir gerade dieses weltumspannende topografische Netz von WordPress-Blogs vor, das Google (weltumspannend) exakte und inhaltsreiche Aufrufstatistiken von tĂ€glich Milliarden WordPress-Blog-Seitenaufrufen liefert. Was ich mir nicht mehr so genau vorstellen kann, ist, welche interessanten Analysen zu kommerziellen Zwecken Google damit anstellt. Und ob die (ganz sicher partnerschaftlich eng verbundene) NSA diese gigantische tĂ€gliche Datenmenge jederzeit zur VerfĂŒgung hat und nach was-weiß-ich-was auswertet, weiß ich auch nicht so genau…
    Wobei ich aber ziemlich sicher bin, ist, dass Google keine teuren Fontserver fĂŒr Automattic/Wordpress betreibt bzw. bereitstellt, weil die Konzernleitung eitler Freund schöner Schriften fĂŒr WordPress ist…
    🙂 So, jetzt noch viel Spaß mit Google-Fonts – ich setze keine ein, ich habe die Online-Fontabrufe per Plugin abgeschaltet.

  2. Du meinst Google investiert nicht mal in die nötigen Server, kann aber alle Daten dennoch fĂŒr sich nutzen? Ist das realistisch? Ich will nicht naiv sein. Aber wenn die keine Fontserver zur VerfĂŒgung stellen, wie funktioniert dann das Ganze mit dieser Performance? Ich habe bei Typekit (Adobe) einen Account. Wenn du einen Font einbindest, geht die Performance des Blogs aber so etwas von in den Keller. Da nutzen auch Tuningmaßnahmen kaum was.

    Die NSA ist mir zwar von Herzen unsympathisch. Aber ich gönne denen, hier zu lesen. Das wird denen nicht mehr Spaß machen als den paar Usern, die sich ab und an hier mal versurfen.

    Ich nutze viele Google Dienste. Auf Analytics verzichte ich. Aber dafĂŒr habe ich ja seit Jahren die Google Fonts im Einsatz. Übrigens: Das ist doch ein echt schöner Font. Oder Boris?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.