Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Trang web này sẽ có chức năng hạn chế trong khi chúng tôi trải qua bảo trì để cải thiện trải nghiệm của bạn. Nếu một bài viết không giải quyết được vấn đề của bạn và bạn muốn đặt câu hỏi, chúng tôi có cộng đồng hỗ trợ của chúng tôi đang chờ để giúp bạn tại @FirefoxSupport trên Twitter và /r/firefox trên Reddit.

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

Can someone look at this CSS to determine why @font-face is not working in v5.01

  • 1 trả lời
  • 1 gặp vấn đề này
  • 1 lượt xem
  • Trả lời mới nhất được viết bởi dpduke

more options
Locking duplicate thread.
Please continue here: [/questions/856795]

My @font-face has worked for months, then.. bosh! all of a sudden after a update to v5 which came out this week or last, my fonts are no longer working on my website?

Is this a bug? or did I not receive the memo of changes?

Keep in mind, it has worked for months and works on v3,v4.. and used to work on v5 before the update

Css:

@font-face {
font-family: "verdana";
src: url('/css/fonts/verdana.eot');
src: local(verdana), url('/css/fonts/verdana.ttf') format('opentype'); /* file for better browsers */
}

@font-face {
font-family: "verdanab";
src: url('/css/fonts/verdanab.eot');
src: local(verdanab), url('/css/fonts/verdanab.ttf') 
format('opentype'); /* file for better browsers */
}

@font-face {
font-family: verdanab;
src: url("/css/fonts/verdanab.eot") /* EOT file for IE */
}
@font-face {
font-family: verdana;
src: url("/css/fonts/verdana.eot") /* EOT file for IE */
}

@font-face{
font-family: "verdana";
src: url('/css/fonts/verdana.woff');
}
<blockquote>Locking duplicate thread.<br> Please continue here: [[/questions/856795]]</blockquote> My @font-face has worked for months, then.. bosh! all of a sudden after a update to v5 which came out this week or last, my fonts are no longer working on my website? Is this a bug? or did I not receive the memo of changes? Keep in mind, it has worked for months and works on v3,v4.. and used to work on v5 before the update Css: <pre><nowiki>@font-face { font-family: "verdana"; src: url('/css/fonts/verdana.eot'); src: local(verdana), url('/css/fonts/verdana.ttf') format('opentype'); /* file for better browsers */ } @font-face { font-family: "verdanab"; src: url('/css/fonts/verdanab.eot'); src: local(verdanab), url('/css/fonts/verdanab.ttf') format('opentype'); /* file for better browsers */ } @font-face { font-family: verdanab; src: url("/css/fonts/verdanab.eot") /* EOT file for IE */ } @font-face { font-family: verdana; src: url("/css/fonts/verdana.eot") /* EOT file for IE */ } @font-face{ font-family: "verdana"; src: url('/css/fonts/verdana.woff'); }</nowiki></pre>

Được chỉnh sửa bởi cor-el vào

Tất cả các câu trả lời (1)

more options

I've had users report a sudden font-loss problem, but haven't been able to duplicate it personally. However, I've seen several suggestions that Firefox doesn't like single-quotes to wrap the src url parameter. So you might try replacing those with double-quotes and see if life improves?