Firefox doesn't display Romanian diacritics properly (Google Fonts)
Hello,
I have a blog on Blogger, which is in Romanian. I am using Arimo (Google Font). I tested my blog on several popular browsers (Google Chrome, Opera, even Internet Explorer) to check if the diacritics are displayed properly. They work perfectly on all 3 browsers.
However, on Firefox, only two of them work Î & Â, while the other three (Ș, Ț, Ă) are replaced with another font. What could be the problem? I would love for all my visitors to see the same design, regardless of the browsers they use. Can you help? Thanks in advance.
Here's an image, to better understand my issue - http://i.imgur.com/257QyId.png
All Replies (8)
Hi I filed a bug for this, because this is not expected: https://bugzilla.mozilla.org/show_bug.cgi?id=1122290
However in order to further investigate, could you please provide the url to the bug mentioned above. You may have to sign up in order to make a post on the issue.
What font does Firefox use to display the characters?
This can happen if characters are not available in the font that Firefox uses.
You can check the font for selected text in the Font tab in the Inspector (Firefox/Tools > Web Developer).
You can try different default fonts and temporarily disable website fonts to test the selected default font.
- Tools > Options > Content : Fonts & Colors > Advanced
- [ ] "Allow pages to choose their own fonts, instead of my selections above"
The link for my blog is http://ferdy.ro
@guigs2 - thank you filling a bug report.
@cor-el,
As you can see, if you access my blog, it displayes the Arimo font, yet three Romanian diacritics (ș, ț, ă) are displayed with the Arial font. I used the sans-serif trick in my CSS code and it sort of fixes the problem, but not entirely.
Arimo has tons of diacritics (including Romanian diacritics) and special characters, yet this issue occurs only on Firefox and Yandex (tested today), however it is displayed properly in Chrome, Opera and even Internet Explorer.
The 'Allow pages to index...' setting is already enabled on my browser. Also, the Page Inspector generates a 'Not found' for me. This is weird, if it was because of the font, then it shouldn't work on all the browsers.
If there is nothing I can about it, then I'll switch to Arial entirely or keep it this way - it's very important for me to have the same design on all of the browsers.
Firefox uses the font on the Arimo test page with this test string, but not on your website.
Fă cunoștință cu cel mai mare dușman al meu
Is there a way to specify Firefox to use the Arimo font with diacritics, through the CSS code? Or should I simply give up and return back to Arial?
It is possible that you have selected the wrong font via the use page and that you get a font that doesn't have those glyphs.
2. Choose the character sets you want: Cyrillic Extended (cyrillic-ext) Latin (latin) Greek Extended (greek-ext) Greek (greek) Vietnamese (vietnamese) Latin Extended (latin-ext) Cyrillic (cyrillic)
I added the import code to my CSS - still no fix for Firefox.
- Bulleted list item@import url(http://fonts.googleapis.com/css?family=Arimo&subset=latin,latin-ext);
Nothing seems to work. I'll simply just have to get used to it and move on. Thank you for trying to help.
Can you add the requested information to the bug report?
- bug 1122290 - Romanian font not displaying properly for Romanian diacritics (Google Fonts)