localFont sử dụng một kỹ thuật chiếu với The Guardian và các trang web trên Smashing Magazine, một kỹ thuật sử dụng localStorage cache font Web.
Giao diện localFont là một tiện ích đơn giản cho phép các nhà phát triển kéo & thả các font của họ trên bề mặt của ứng dụng và tự động tạo ra CSS đúng và mã JavaScript để hỗ trợ giải pháp này.
Tất cả mọi thứ là tự động và các nhà phát triển chỉ cần sao chép-dán hoặc bao gồm hai tập tin này vào dự án của riêng mình.
Những gì nó dưới mui xe? Vâng localFont cơ bản chuyển đổi khai báo font face để chuỗi base64, sau đó được "cho phép" là bộ nhớ cache của localStorage.
Bằng cách này, các phông chữ tập tin tự nó được nhúng bên trong CSS, và sau khi tải nó lần đầu tiên, có thể truy cập cho người dùng thông qua bộ nhớ cache của trình duyệt localStorage của mình thay vì một bộ nhớ cache máy chủ HTTP cổ điển.
Sử dụng phương pháp này các phông chữ được kết xuất cách nhanh hơn, và kịch bản JS liền kề sẽ làm cho chắc chắn để kiểm tra và sử dụng các file font địa phương đầu tiên, và sau đó tải về nó theo cách cổ điển, nếu không tìm thấy.
Yêu cầu :
- kích hoạt JavaScript về phía khách hàng
Bình luận không