Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

why is Firefox rejecting ttf fonts

I have ttf fonts from the web that are listed in ftp client* directory listing as windows ttf fonts. I am working with embedded fonts on Firefox on Mac OSX platform and I am getting the following web console error:

 [17:59:49.201] downloadable font: rejected by sanitizer (font-family: "Cryv2" style:normal weight:normal stretch:normal    src index:0) source: http://localhost/html5/css/fonts/new-fonts-ttf/CryUncial/Cryv2.ttf @ http://localhos/html5/css/embeddedFontDeclarations.css

Is this because windows ttf is different? Or is the file corrupted?

If so, is there a way of screening font files from the web for usability, or converting windows ttf to more universal file?

I do and have converted ttf file to eot files for the sake of Internet Explorer, but I primarily work on DOM based browsers, and Firefox for dev, authoring and testing on Mac OSX environment using pre-installed Apache server locally.

*ftp client is Fetch and text editor is BBedit. Firefox 12.0

like image 780
user1739140 Avatar asked Nov 02 '14 01:11

user1739140


People also ask

Is TTF supported by all browsers?

TrueType Font (TTF) TTF has long been the most common format for fonts on Mac and Windows operating systems. All major browsers have supported it.

Is TTF or OTF better for Web?

TTF (True Type Font) is a better choice when you will use it mainly for web design or mobile design on desktop or mobile displays. Or if you work with PowerPoint 2007 (or older) on Windows machine. . OTF (Open Type Font) is a better choice when you're designing materials for print.

Does TTF work on Chrome?

TTF/OTF - TrueType and OpenType font support is Fully Supported on Google Chrome 71. If you use TTF/OTF - TrueType and OpenType font support on your website or web app, you can double-check that by testing your website's URL on Google Chrome 71 with LambdaTest. The features should work fine.


1 Answers

http://caniuse.com/#feat=ttf

You can use ttf, but it needs to be a completely error free one, and encoded in Unicode, so Wingdings is an example of a problem in Firefox.

Please see this for reference: Wingdings font family does not seem to work on Firefox and Opera

Also, load it like http://www.example.com/xxx with the ws to ensure there isn't any problems. Sometimes servers act weird when you are testing on the site.

Here's a way of converting ttf to a whole set of universal fonts: http://www.fontsquirrel.com/tools/webfont-generator. Font Squirrel is a good choice. ;)

like image 168
Daniel Cheung Avatar answered Oct 03 '22 20:10

Daniel Cheung