Trên trang web tôi quản lý, chúng tôi có một vài tệp .woff, một tệp cho mỗi phông chữ. Để tiết kiệm thời gian tải, tôi muốn giảm số lượng yêu cầu đã thực hiện. Có thể kết hợp các tệp woff này thành một tài nguyên không?Kết hợp nhiều tệp .woff vào một
Bạn có thể nhóm các tài sản woff vào CSS của mình với base64.
Bên @ font-face khai của bạn:
url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...');
này có thể làm tăng kích thước tập tin của tài sản. Theo kinh nghiệm của tôi, điều này thường là khoảng 20% - gần bằng cùng kích thước với tệp TTF tương đương. Phần lớn điều này có thể được phục hồi với một máy chủ có khả năng gzip. Sự cân bằng là chấp nhận được đối với tôi, nhưng YMMV.
Như thường được khuyến nghị khi nhúng các đốm màu vào CSS - hãy giữ chúng trong một biểu định kiểu riêng, trích dẫn sau kiểu cơ sở của bạn. Nếu không, khách hàng có thể chờ các phông chữ tải trước khi họ xem nội dung của bạn như dự định.