Pure Blog Konfiguration #1: Schriftart ändern und warum sieht hier die 0 ungewohnt aus
Pure Blog wird bereits mit gut lesbaren Schriften ausgeliefert. Die Schriften liegen im Verzeichnis /assets/fonts. Es werden also keine Schriften aus dem Web nachgeladen, was mit gut gefällt. Unabhängig davon gibt es vielleicht den Wunsch eine andere Schriftart zur verwenden. Kein Problem, in den Pure Blog Docs gibt es eine gute Anleitung dafür.
Die Schriften müssen im Format woff oder woff2 vorliegen und in das Verzeichnis /content/fonts oder irgendwo anders in /content hochgeladen werden. Die Anleitung in Pure Blog Docs gibt auch Hinweise, wo man Schriften finden und ggf. in das richtige Format konvertieren kann.
Anschließend muss CSS-Code für die Zuordnung der Schriften zu den Stilen normal, normal-italic, bold und bold-italic generiert und in Pure Blog eingebaut werden. Eine Vorlage für den CSS-Code gibt es in der Anleitung. Der Code kann von dort aus direkt in das Fenster CSS der Blogansicht unter Einstellungen > CSS kopiert werden. Das Fenster ist ein Editor für die Datei /content/css/custom.css. In manchen Fällen, insbesondere wenn bereits CSS-Code vorhanden ist, kann die Bearbeitung in einem externen Editor, wie z.B. Notepad++, deutlich übersichtlicher sein. Dann einfach custom.css herunterladen, editieren und anschließend wieder hochladen.
Der CSS-Code aus der Anleitung muss mit den Ablagepfaden und Namen der hochgeladenen Font-Dateien aktualisiert werden. Auch die Zeile font-family: 'super-sans'; muss mit dem Namen der neuen Schriftfamilie aktualisiert werden. Das darf auch nicht in der :root-Anweisung vergessen werden, sonst kommen die neuen Schriften nicht zur Anzeige.
Woher kommt nun die ungewöhnliche 0?
Dieser Blog verwendet (zum Zeitpunkt der Veröffentlichung dieses Beitrags) den Font Atkinson Hyperlegible Next des Braille Institute of America, der mit dem Ziel entwickelt wurde, die Lesbarkeit und Verständlichkeit für Menschen mit Sehbehinderung zu verbessern. Ein Beitrag zur Barrierefreiheit. Die zahlreichen kleinen Details im Design fallen beim Lesen kaum auf, bis auf die 0, die zur eindeutigen Abgrenzung vom O deutlich auffällt. Zum ersten Mal bewusst wahrgenommen habe ich die Schrift in der Variante ohne "Next" im (Pure) Blog von Lee Perry.
Atkinson Hyperlegible Next steht unter der SIL Open Font License und kann frei verwendet werden. Die Schriftfamilie kann bei Google Fonts oder besser direkt bei Github heruntergeladen werden.
Meine Zuordnung:
normal -> AtkinsonHyperlegibleNext-Light.woff2
normal, italic -> AtkinsonHyperlegibleNext-LightItalic.woff2
bold, normal -> AtkinsonHyperlegibleNext-Regular.woff2
bold, italic -> AtkinsonHyperlegibleNext-Italic.woff2
Hinweis: Diese Anleitung wurde unter Verwendung der Pure-Blog-Version 3.5.6 erstellt. In späteren Versionen kann der Weg anders sein!