Jetzt, da wir einen Blogpost-Bereich haben, mit dem wir arbeiten können, können wir uns wirklich mit der Typografie von Blogposts befassen. Die wohl wichtigste Typografie auf der Website ist der Ort, an dem sich ein Leser am meisten umschaut.
Wir beginnen mit dem Nachdenken über Header-Tags und deren Größe. Dann stylen wir das Element, das auf der gesamten Site allgegenwärtig sein wird.
Wir erinnern uns daran, dass Sie niemals Kleinbuchstaben verwenden, sondern Schafe stehlen.
Wir fügen unserer Datei bits.scss eine weitere wichtige Farbe hinzu $blue, die für Links auf der gesamten Website verwendet wird. Wir experimentieren mit einem anderen Link-Styling, werden es aber am Ende nicht versuchen. Die Zustände Hover / Fokus / Aktiv werden nur mit der Darken()Funktion Sass erreicht.
Wir erhöhen die Schriftgröße des ersten Absatzes des Artikels. Das ist einfach stilistisch cool, aber es ist auch ein psychologischer Trick, um die Leute zum Lesen zu bringen und sich für den Artikel zu interessieren. Es ist auch ein Trick für mich als Schriftsteller. Ich weiß, dass der Absatz super groß sein wird, also mache ich ihn besser gut!
Diese Sache mit dem ersten Absatz könnte etwas zerbrechlich sein. Zum Beispiel haben wir einen Platzhalter für eine zukünftige Google AdSense-Anzeige eingefügt, der dann die Auswahl aufhebt. Wir werden es aber reparieren!