2016-01-30 19 views
6

Tôi đang sử dụng FontAwesome như một vài trong số các biểu tượng của tôi trên trang web của tôi:Font tạo ảnh vui nhộn nhấp nháy trong Google Chrome

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

Nhưng, trong chrome khi tôi làm mới trang phải mất 0,5-ish thứ hai cho Font Awesome tải khiến trang chuyển đổi và sau đó di chuyển trở lại khi phông chữ được tải.

Tôi đã thử nó với Edge và Firefox và chúng tải ngay lập tức, tại sao điều này?

+0

google cho "FOUT". Nếu Chrome hiển thị nội dung của bạn nhanh hơn trước khi tải CSS, bạn sẽ nhận được ** F ** lash ** O ** f ** U ** nstyled ** T ** ext, đó là lý do bạn thường cần đảm bảo không có toàn bộ DOM render trước khi CSS của bạn tải xong (và nội dung bạn hiển thị trong khi CSS vẫn tải không thực sự quá nhiều kiểu dáng). Phần còn lại của mã của bạn ở đâu? Ví dụ. HTML ở đâu cho biết có bao nhiêu nội dung của bạn đang sử dụng fontawesome? –

+0

Tôi đang sử dụng myBB và FA để tải các biểu tượng diễn đàn và đó là nó. Tôi đang sử dụng nó trên có lẽ 1 điều đó là 4 mục. –

+0

Trình giữ chỗ biểu tượng diễn đàn không được đặt cách khác nhau có kích thước khác với những gì FA biến chúng thành? Nếu vậy, cố gắng để phù hợp với những người nên (ngay cả với một restyle) không còn gây ra thay đổi nội dung. –

Trả lời

2

Hãy thử đặt trực tiếp trên máy chủ lưu trữ của bạn và tải nó từ đó. Tải tài sản từ CDN đôi khi gây ra vấn đề.

Các vấn đề liên quan