Sekarang setelah kita berusaha mendapatkan konten yang tepat di beranda Almanac, kita dapat menggali beberapa gaya yang sebenarnya dengan CSS.
Kami memutuskan untuk menggunakan fon tulisan tangan untuk beberapa bahagian reka bentuk ini. Kami melayari beberapa fon di Dafont, dan akhirnya memuat turun Shadows Into Light. Muat turun disertakan dengan font dalam format yang akan berfungsi di desktop, tetapi tidak semua format yang diperlukan untuk @ font-face. Oleh itu, kami menjalankannya melalui Font Squirrel.
Kami memindahkan fon ke struktur direktori kami di tempat yang sepatutnya. Kemudian kami menyalin dan meletakkan sintaks @ font-face dari tempat lain dalam projek tersebut ke CSS khusus Almanak kami dan menukar nama fon dan barang-barangnya.
Kami menghabiskan sisa waktu untuk mencucuk dan mendorong CSS mendapatkan susun atur yang betul, menetapkan warna, dan yang lainnya. Sebenarnya ini adalah satu cabaran CSS yang menarik kerana semuanya disusun dengan betul. Bagaimanapun, kita mempunyai sedikit kawalan terhadap output HTML. Ia hanya senarai bersarang. Oleh itu, kita harus menargetkan dan mengapung sesuatu yang tepat untuk mendapatkan susun atur yang tepat yang kita bayangkan di Photoshop.
