Phông chữ bị chặn tải bởi chính sách Chia sẻ tài nguyên nguồn gốc chéo: Không 'Kiểm soát truy cập-Cho phép-Xuất xứ'


16

chúng tôi đang gặp lỗi này trong Google Chrome. Chúng tôi nghĩ rằng mọi thứ đã được thiết lập chính xác. Nhưng có lẽ không?

Phông chữ từ nguồn gốc http://skin.cdn.comđã bị chặn tải bởi chính sách Chia sẻ tài nguyên nguồn gốc chéo: Không có tiêu đề 'Kiểm soát truy cập-Cho phép-Xuất xứ' trên tài nguyên được yêu cầu. Nguồn gốc http://domain2.comdo đó không được phép truy cập.

Và chúng tôi có những điều sau đây trong htaccess (trong thư mục gốc của tên miền).

<IfModule mod_headers.c>    
Header add Access-Control-Allow-Origin "http://skin.cdn.com" 
</IfModule>

Câu hỏi: tôi đã quên các cài đặt khác?

cảm ơn nhiều

Câu trả lời:


17

Thay đổi mã tệp htaccess của bạn trên thư mục gốc trang web của bạn (tức là tệp ".htaccess" công khai của bạn)

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://skin.cdn.com"
    </IfModule>
</FilesMatch>

Bây giờ CDN của bạn sẽ được phép tải tài nguyên của bạn gọi chúng là tài nguyên đi qua của bạn (các phông chữ).

CAVEAT: Bạn cần MUA TẤT CẢ trong CDN của mình để các tệp sẽ được cập nhật sau vài phút.


1
Câu trả lời của bạn đã làm việc hoàn hảo cho tôi, nhưng tôi có thể hỏi tại sao bạn chọn ký tự đại diện thay vì chọn giới hạn nó theo nguồn gốc cụ thể không?
amgraham

Phương pháp này vẫn hoạt động.
Raul

0

Tôi không đủ danh tiếng để nhận xét về câu trả lời của @Prashant Tapase, nhưng Thư mục gốc của bạn không phải là Public_html của bạn. Đây là một thư mục con của thư mục gốc của bạn. & từ các câu trả lời mà tôi đã nghiên cứu Chỉ thị FileMatch phải nằm trong IfModule Như được hiển thị bên dưới

<IfModule mod_headers.c>
    <FilesMatch "\.(eot|otf|ttc|ttf|woff|woff2)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>

Xin hãy sửa cho tôi nếu điều này là sai.
Hoặc bạn có thể chỉ định các phông chữ / URI cụ thể của URL như anh ấy đã đề cập.

Ngoài ra Nếu đó là CDN, bạn nên sử dụng phiên bản https chứ không phải http nếu có thể.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.