![]() ![]() Does the lack of semicolon cause this problem? Upon inspection of CSS and comparison with Khan Academy's CSS, I find that both codes are exactly the same except there is no semicolon after the last attribute for KA's CSS (if you ignore the fact that it's compressed). Update: I found that Firefox correctly displays the font-based icons in Font Awesome package's website (linked above). Url('./fontawesome-webfont.svg#FontAwesome') format('svg') Url('./fontawesome-webfont.ttf') format('truetype'), Url('./fontawesome-webfont.woff') format('woff'), I've already tried manually downloading the font and adding it to Windows' Fonts folder but this does not help.įor reference, the CSS that sets this font up (not processed properly by Firefox) is: format('embedded-opentype'), I can run Greasemonkey scripts if that would help. I want to know if this can be fixed in Firefox, and how. However, I don't have any write access to Khan Academy servers so I can't modify the actual website. I found this question on Stack Overflow that may explain why this happens - the CSS does use single quotes to enclose the font's src location. How it appears on Chrome (Windows 7), Safari (Mac OS X) and Stainless (Mac OS X): This means that it isn't getting downloaded by Firefox. Below the video the icons are shown as boxes with hex codes in them. An example of this can be seen on the Khan Academy website. In Firefox (Windows 7), icons and glyphs that are called from the Font Awesome package do not render properly.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |