2010-01-20 34 views
6

Tôi đang gặp sự cố với @ phông mặt. Nó thực sự hoạt động hoàn hảo trên Safari, internet explorer 7+ và Firefox cho các cửa sổ nhưng không phải ở tất cả trên firefox cho mac.Firefox 3.5 trên máy Mac và @ phông chữ

Tôi đang sử dụng mã từ các đạn @ font-face bài viết

Dưới đây là Mã của tôi:

@font-face { 
    font-family: "QlassikMediumRegular"; 
    src: url("../fonts/Qlassik_TB.eot"); 
    src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype") 
} 

@font-face { 
    font-family: "QlassikBoldRegular"; 
    src: url("../fonts/QlassikBold_TB.eot"); 
    src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype") 
} 

Dưới đây là liên kết để trang web của tôi trong câu hỏi: link text

Trả lời

2

Tôi thường sử dụng khai báo phông chữ @ mở rộng hơn:

@font-face { 
font-family: 'TypewriterOldstyle'; 
src: url('../fonts/typeo-webfont.eot'); 
src: url('../fonts/typeo-webfont.eot?#iefix') format('eot'), 
    url('../fonts/typeo-webfont.woff') format('woff'), 
    url('../fonts/typeo-webfont.ttf') format('truetype'), 
    url('../fonts/typeo-webfont.svg#webfonty9r23iiq') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Bạn có thể thử chi ting tại http://www.fontsquirrel.com/fontface/generator

0

Có cùng vấn đề, phông chữ đã cho 301 lỗi nói rằng tôi không có quyền truy cập vào tệp phông chữ.

Điều gì làm việc tốt nhất cho tôi là đặt tệp phông chữ trong cùng thư mục với tệp .css, không gặp rắc rối với anny .htaccess hoặc tệp cấu hình máy chủ khác.

Vì vậy, tôi có một tệp fonts.css bên ngoài chứa tất cả dòng phông chữ css trong thư mục phông chữ. Sau đó, tôi có thể bao gồm tệp .css này trên trang tôi muốn sử dụng phông chữ này. Đảm bảo bạn không tạo thư mục bổ sung để bạn có thể gọi phông mà không cần thư mục anny.

thông tin khác: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

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