Bây giờ chúng ta đã chiến đấu để có được nội dung phù hợp trên trang chủ của Almanac, chúng ta có thể tìm hiểu một số kiểu thực tế với CSS.
Chúng tôi quyết định sử dụng phông chữ viết tay cho một số bit của thiết kế này. Chúng tôi duyệt qua một số phông chữ trên Dafont và kết thúc tải xuống Shadows Into Light. Bản tải xuống đi kèm với phông chữ ở định dạng sẽ hoạt động trên máy tính để bàn, nhưng không phải tất cả các định dạng cần thiết cho @ font-face. Vì vậy, chúng tôi chạy nó thông qua Font Squirrel.
Chúng tôi di chuyển các phông chữ vào cấu trúc thư mục của chúng tôi nơi chúng được cho là. Sau đó, chúng tôi sao chép và ghép cú pháp @ font-face từ nơi khác trong dự án vào CSS dành riêng cho Almanac của chúng tôi và thay đổi tên của các phông chữ và nội dung.
Chúng tôi dành toàn bộ thời gian còn lại để chỉnh sửa và chỉnh sửa CSS để có được bố cục chính xác, thiết lập màu sắc và những thứ khác. Đó thực sự là một thử thách thú vị về CSS khá thú vị để làm cho nó được trình bày một cách chính xác. Rốt cuộc, chúng ta có rất ít quyền kiểm soát đối với đầu ra HTML. Nó chỉ là những danh sách lồng nhau. Vì vậy, chúng ta phải nhắm mục tiêu và làm nổi mọi thứ vừa phải để có được bố cục chính xác mà chúng ta đã hình dung trong Photoshop.
