Kiểu chữ Web Thích ứng và Tải Phông chữ Ưu tiên Hiệu suất

Kiểu chữ xác định nhận diện trực quan cho trang web của bạn, nhưng các phông chữ web được triển khai kém có thể làm chậm đáng kể thời gian tải trang và làm người dùng khó chịu với các tình trạng dịch chuyển bố cục đột ngột. Khóa học dạng văn bản này hướng dẫn bạn các nguyên tắc về kiểu chữ web hiện đại, dạy bạn cách cân bằng giữa thiết kế đẹp mắt và hiệu suất thực thi cao bằng cách sử dụng CSS và các API của trình duyệt. Những gì bạn sẽ học: - Hiểu các khái niệm cốt lõi về kiểu chữ, định dạng phông chữ và các quy trình hiển thị của trình duyệt - Triển khai thuộc tính font-display để kiểm soát hành vi hiển thị và loại bỏ văn bản vô hình - Tối ưu hóa hiệu suất bằng cách tải trước các phông chữ quan trọng và giảm thiểu Cumulative Layout Shift (CLS) - Áp dụng các kỹ thuật CSS hiện đại để tạo kiểu chữ uyển chuyển, thích ứng trên mọi kích thước màn hình - Sử dụng CSS Font Loading API để kiểm soát nâng cao và theo chương trình đối với việc phân phối phông chữ Bạn sẽ bắt đầu bằng việc tìm hiểu thuật ngữ nền tảng về phông chữ và hành vi hiển thị của trình duyệt trước khi chuyển sang các ví dụ mã thực tế, trực tay làm thể hiện các chiến lược tải hiện đại. Khóa học này được thiết kế dành cho các nhà phát triển web và nhà thiết kế mới bắt đầu muốn cải thiện hiệu suất front-end của họ; không yêu cầu kinh nghiệm tối ưu hóa phông chữ trước đó. Hãy bắt đầu đọc ngay hôm nay để xây dựng các trang web nhanh hơn, đẹp hơn với kiểu chữ web chuyên nghiệp.