Nachdem wir uns durch das Einpflegen der richtigen Inhalte auf der Homepage des Almanachs gekämpft haben, können wir uns nun mit etwas echtem Styling mit CSS beschäftigen.
Wir haben uns entschieden, für einige Teile dieses Designs eine Handschrift-Schriftart zu verwenden. Wir stöbern auf Dafont und laden schließlich Shadows Into Light herunter. Der Download enthält die Schriftart in einem Format, das auf dem Desktop funktioniert, aber nicht alle für @font-face benötigten Formate. Also lassen wir sie durch Font Squirrel laufen.
Wir verschieben die Schriftarten in unsere Verzeichnisstruktur, wo sie hingehören. Dann kopieren und fügen wir die @font-face-Syntax von anderen Stellen im Projekt in unser Almanac-spezifisches CSS ein und ändern die Namen der Schriftarten und so weiter.
Den Rest der Zeit verbringen wir damit, am CSS herumzupopeln und zu tüfteln, um das Layout richtig hinzubekommen, Farben festzulegen und dergleichen. Es ist tatsächlich eine ziemlich spaßige und interessante CSS-Herausforderung, das alles richtig hinzubekommen. Schließlich haben wir nur sehr wenig Kontrolle über die HTML-Ausgabe. Es sind nur verschachtelte Listen. Also müssen wir die Dinge genau richtig ansprechen und positionieren, um das exakte Layout zu erhalten, das wir uns in Photoshop vorgestellt haben.
Was ist also das Neueste bezüglich der Notwendigkeit einer SVG-Schriftart für iOS usw.? Nicht mehr erforderlich? Danke!