Sekarang setelah kita berjuang untuk mendapatkan konten yang tepat di beranda Almanac, kita dapat menggali beberapa gaya sebenarnya dengan CSS.
Kami memutuskan untuk menggunakan font tulisan tangan untuk beberapa bagian dari desain ini. Kami menelusuri beberapa font di Dafont, dan akhirnya mengunduh Shadows Into Light. Unduhan dilengkapi dengan font dalam format yang akan berfungsi di desktop, tetapi tidak semua format yang dibutuhkan untuk @ font-face. Jadi, kami menjalankannya melalui Font Squirrel.
Kami memindahkan fonta ke dalam struktur direktori kami di tempat yang seharusnya. Kemudian kami menyalin dan melakukan pase sintaks @ font-face dari tempat lain dalam proyek ke CSS khusus Almanak kami dan mengubah nama font dan barang.
Kami menghabiskan sisa waktu untuk mencolek dan mendorong CSS untuk mendapatkan tata letak yang benar, mengatur warna, dan yang lainnya. Ini sebenarnya adalah tantangan CSS yang cukup menyenangkan untuk mengatur semuanya dengan benar. Bagaimanapun, kita memiliki sedikit kendali atas output HTML. Itu hanya daftar bersarang. Jadi kita harus menargetkan dan mengapung hal-hal dengan benar untuk mendapatkan tata letak yang tepat seperti yang kita bayangkan di Photoshop.
