Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

web fonts are still not wokring on my site (firefox only) even after following best practices and establishing CORS

  • 4 odpovede
  • 23 má tento problém
  • 8 zobrazení
  • Posledná odpoveď od finitarry

justinshea
justinshea
more options

Hello, I have followed all MDN guidelines and researched for hours best practices for deploying @fontface and custom web fonts. I believe I have followed all best practices and I have even had it working in the firefox browser at times. In fact, I believed I had things set up properly when I had the fonts working on my web pages in all modern browsers during testing. Yet, when I looped back to the web pages again today (about two weeks after I last tested last) I noticed that the fonts are again not registering when the pages are viewed in firefox. I confirmed that they are working in all other modern browsers. This is a sample page where the fonts are called, http://www.areadevelopment.com/Top-States-for-Doing-Business/Q3-2013/survey-results-landing-page-142378.shtml These are icon fonts of states and they should appear before each state on the top states list. Instead, the font doesn't appear and the associated letter appears as a fallback. The @fontface is registered in the pages main css doc and all selectors that use the fontface are subsequent to the @fontface declaration within the document. The fonts are hosted on my CDN (aws cloudfront) and all CORS has been set up appropriately. In fact, you will see that when loading the page there are no errors in the dev tools console related to the fonts. And, by going to the "fonts" filter within the net tab you can see the 200 status. At this point I am exhausted. I am reaching out to you guys in desperation -- any insight you can provide as to why the fonts are not working in FF when they work in all other modern browsers would be very much appreciated... Regards, Justin

Hello, I have followed all MDN guidelines and researched for hours best practices for deploying @fontface and custom web fonts. I believe I have followed all best practices and I have even had it working in the firefox browser at times. In fact, I believed I had things set up properly when I had the fonts working on my web pages in all modern browsers during testing. Yet, when I looped back to the web pages again today (about two weeks after I last tested last) I noticed that the fonts are again not registering when the pages are viewed in firefox. I confirmed that they are working in all other modern browsers. This is a sample page where the fonts are called, http://www.areadevelopment.com/Top-States-for-Doing-Business/Q3-2013/survey-results-landing-page-142378.shtml These are icon fonts of states and they should appear before each state on the top states list. Instead, the font doesn't appear and the associated letter appears as a fallback. The @fontface is registered in the pages main css doc and all selectors that use the fontface are subsequent to the @fontface declaration within the document. The fonts are hosted on my CDN (aws cloudfront) and all CORS has been set up appropriately. In fact, you will see that when loading the page there are no errors in the dev tools console related to the fonts. And, by going to the "fonts" filter within the net tab you can see the 200 status. At this point I am exhausted. I am reaching out to you guys in desperation -- any insight you can provide as to why the fonts are not working in FF when they work in all other modern browsers would be very much appreciated... Regards, Justin

Všetky odpovede (4)

finitarry
finitarry
more options

You mean the sections about Top States, Business Environment, Labour Climate, etc.? They are missing with both SeaMonkey and Firefox. I had to load that page with Safari to see what you were talking about. The validation of the page shows 214 errors and 40 warnings. That probably accounts for the problem. Mozilla browsers are more picky about valid code.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Works fine here in Firefox 24.

Make sure that downloadable fonts is enabled (gfx.downloadable_fonts.enabled = true)

Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Hold down the Shift key and left-click the Reload button
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (Mac)

Start Firefox in Safe Mode to check if one of the extensions (Firefox/Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Firefox/Tools > Add-ons > Appearance).

  • Do NOT click the Reset button on the Safe Mode start window.

Upravil(a) cor-el dňa

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

There is an error with a stray "font-family: font:" declaration in the Web Developer Console. 

#dsq-content #dsq-comments .dsq-comment-body {
padding: 0.571em 0.786em; /* Space between comment text and border */
background: #f0f0e9; /* Comment body background color */
min-height:70px; /* Minimum comment body box height */
border-top:#999 1px dotted; /* Comment body top border */
font-family: font:normal 12px/1.2em Arial, Helvetica, sans-serif; /* Font used for comment text */
}

Upravil(a) cor-el dňa

finitarry
finitarry
more options

Interesting... the page works if I disable Adblock Plus. I have sent a report about the problem using Adblock Plus.