Làm thế nào để loại bỏ phông chữ mặc định trong trình duyệt trong khi tải @ phông chữ-face trong CSS? "FOUT"

Question

Tôi đang tải hai phông chữ bên ngoài vào trang web của mình bằng cách sử dụng @ font-face. Chúng đang tải hoàn hảo trong Chrome nhưng khi tôi thử trong IE, trình duyệt sẽ hiển thị một số phông chữ mặc định trong khi trang đang tải, sau đó phông chữ sẽ thay đổi theo đúng phông chữ theo css @ font-face của tôi.

Làm cách nào để xóa phông chữ mặc định hiển thị trong IE và các trình duyệt khác trong khi trang đang tải? Tôi muốn loại bỏ cái gọi là FOUT (flash của văn bản chưa được đặt trước). Tôi có cách nào để làm điều đó thông qua các tấm phong cách?

Cảm ơn bạn đã trợ giúp!

Answer 1

Bạn có thể sử dụng chuyển tiếp CSS để làm mờ văn bản của mình sau N mili giây hoặc bất kỳ điều gì bạn cảm thấy là đủ để tải nội dung phông chữ. css3 transition animation on load?

Answer 2

Đối với phông chữ trình duyệt mặc định mà bạn không muốn, thiết lập thuộc tính font-size CSS để 0px và đảm bảo bạn đã tuyên bố font-size trong bạn @font-face tên lớp CSS quy tắc.

Nếu bạn cũng muốn giải quyết vấn đề này bằng tập lệnh chuyên dụng để giải quyết vấn đề này (Firefox 3.5/3.6 hoặc Internet Explorer 7-9), hãy xem giải pháp JavaScript FOUT-B-Gone.