Phông chữ không tải trong firefox nhưng hoạt động trong chrome

Question

Có vấn đề với Phông chữ không chắc chắn lý do tại sao tải cho Chrome, nhưng trong Firefox có vẻ như nó không được tải.

Dưới đây là một example

Cảm ơn trước

Answer 1

Tôi nghĩ rằng Firefox chỉ hỗ trợ TrueType/OpenType TT(.ttf) và OpenType PS (.otf).

Hãy xem this table.

EDIT: Câu trả lời của bạn bạn tìm thấy here tôi nghĩ vậy.

Answer 2

Firefox sẽ chỉ chấp nhận đường dẫn tương đối đối với phông chữ. Nếu bạn muốn sử dụng tên miền khác để lưu trữ phông chữ so với trang có trang, bạn phải tuân theo chính sách HTTP access control của Mozilla:

Tiêu chuẩn chia sẻ gốc này được sử dụng để bật yêu cầu HTTP chéo cho:

[...]

Web Fonts (đối với việc sử dụng phông chữ cross-domain trong @ font-face trong CSS

Answer 3

Check-out này thread SO, trong đó có vấn đề chính xác giống như bạn có. Ork xung quanh đã được cung cấp trong các cộng đồng khác và giúp giải quyết vấn đề này:

• css @font-face not working with firefox, but working with chrome and IE

Answer 4

Tôi nghĩ rằng nó có thể là tốt hơn để chỉ cần sử dụng nó trực tiếp từ Google. Sau đó, bạn không cần phải lo lắng về bất kỳ vấn đề bản quyền nào và hoàn toàn miễn phí.

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:

Answer 5

Trong Firefox (Gecko), web fonts phải tuân thủ các giới hạn cùng một tên miền (file font phải nằm trên cùng một tên miền như trang sử dụng chúng), trừ trường hợp điều khiển truy cập HTTP được sử dụng để thư giãn này sự hạn chế.

Lưu ý: Vì không có loại MIME được xác định cho phông chữ TrueType, OpenType và Web Open File Format (WOFF), loại MIME của tệp được chỉ định không được xem xét.

Answer 6

lưu phông chữ trong cùng một thư mục và áp dụng như thế này này sẽ làm việc tôi đã kiểm tra trong firefox của tôi 12,0

@font-face 
{ 
    font-family: 'Play'; 
    src: url('play.ttf'); 
} 
.font 
{ 
    font-family: "play"; 
    font-size: 20px; 
} 

<p class="font">TESTING</p> 

Answer 7

tôi đã có cùng một vấn đề chính xác này một vài tuần trước.

tất cả tôi đã làm là thêm local('*Name of Font*) để trình duyệt sẽ tìm kiếm các phông chữ

Firefox là lạ. Tôi đã nhận thấy trong việc phát triển các máy chủ cục bộ, nó sẽ cố gắng tải phông chữ từ các bộ phông chữ cài đặt của bạn trước khi cố gắng tìm kiếm phông chữ src trong đường dẫn mà bạn chỉ định.

Thats là địa phương sẽ giúp nó sẽ cho nó để tìm trong bộ phông chữ địa phương.

Answer 8

Bạn có sử dụng:

<base href="http://www.site.com/" /> 

Nếu vậy, thay đổi nó để:

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />