Maintenant que nous nous sommes battus pour obtenir le contenu approprié sur la page d'accueil de l'Almanach, nous pouvons creuser un style réel avec CSS.
Nous avons décidé d'utiliser une police d'écriture manuscrite pour certains éléments de cette conception. Nous parcourons certaines polices sur Dafont, et finissons par télécharger Shadows Into Light. Le téléchargement est fourni avec la police dans un format qui fonctionnera sur le bureau, mais pas tous les formats nécessaires pour @ font-face. Donc, nous l'exécutons via Font Squirrel.
Nous déplaçons les polices dans notre structure de répertoires où elles sont censées se trouver. Ensuite, nous copions et collons la syntaxe @ font-face ailleurs dans le projet dans notre CSS spécifique à Almanach et changeons les noms des polices et des choses.
Nous passons le reste du temps à pousser et à pousser le CSS à obtenir la mise en page correcte, à définir les couleurs, etc. C'est en fait un défi CSS assez amusant et intéressant pour tout organiser correctement. Après tout, nous avons très peu de contrôle sur la sortie HTML. Ce ne sont que des listes imbriquées. Nous devons donc cibler et faire flotter les choses juste pour obtenir la mise en page exacte que nous avons envisagée dans Photoshop.
