[SOLVED] Firefox displaying wrong fonts

Felfa · 2016-10-10 14:01:31

I have MS core fonts installed in my system, but Firefox (and derivatives) seems doesn't recognize some fonts (like Arial, Helvetica, etc) and it displays instead the default fallback font (serif).
https://i.imgur.com/qovmQA8.png

Nevertheless, Chromium is displaying the right fonts:
https://i.imgur.com/y0XAUn2.png

What's wrong here? Or it's a fontconfig issue?

My /etc/fonts/conf.d dir:

10-base-rendering.conf        68-override.conf
10-enhanced-defaults.conf     70-no-bitmaps.conf
28-user.conf                  81-ubuntu.conf
29-local.conf                 82-no-embedded-bitmaps.conf
30-metric-aliases-free.conf   82-no-force-autohint.conf
31-cantarell.conf             82-no-ttf-as-bitmap.conf
35-repl-custom.conf           83-yes-bitmaps.conf
37-repl-global-free.conf      83-yes-postscript.conf
37-repl-webfonts.conf         88-forced-synthetic.conf
38-repl-webfonts-custom.conf  90-non-tt-fonts.conf
40-non-latin-microsoft.conf   90-tt-fonts-microsoft.conf
40-non-latin-misc.conf        90-tt-fonts-misc.conf
45-latin-microsoft.conf       92-selective-rendering-microsoft.conf
45-latin-misc.conf            92-selective-rendering-misc.conf
49-sansserif.conf             93-final-rendering.conf
56-emojione-color-font.conf   94-no-synthetic.conf
60-latin-free.conf            95-reject.conf
65-non-latin-free.conf        97-selective-rendering-custom.conf
66-aliases-wine-free.conf     99pdftoopvp.conf
67-override-aliases.conf      README

Last edited by Felfa (2016-10-11 09:17:10)

lolilolicon · 2016-10-10 14:55:17

First, please don't use an image when text is better. Use a [ code ] tag for `ls /etc/fonts/conf.d`.

Now, what's the URL to that page in the screenshot?
My guess is it's a language related issue. Namely, the lang parameters Firefox use to query fontconfig.
In Firefox, you can check the Web Console and see what Fonts are actually used for the element.

Felfa · 2016-10-10 15:35:17

lolilolicon wrote:

First, please don't use an image when text is better. Use a [ code ] tag for `ls /etc/fonts/conf.d`.
Now, what's the URL to that page in the screenshot?
My guess is it's a language related issue. Namely, the lang parameters Firefox use to query fontconfig.
In Firefox, you can check the Web Console and see what Fonts are actually used for the element.

Sorry, didn't realize before about code tag in BBCode documentation.
--

The source URL is forocoches (dot) com, but it happens in any other web sites using local fonts. Checking the CSS style of the page from Firebug, every font used on this page are grayed out and instead it's actually using Liberation Serif (set as default font in Firefox preferences).

http://i.imgur.com/kELPvkt.png

lolilolicon · 2016-10-10 18:08:42

Felfa wrote:

The source URL is forocoches (dot) com,

I tested it in Firefox and it works for me. (Arial is used.)

Felfa wrote:

but it happens in any other web sites using local fonts.

Note the forocoches site has lang="ES" set.
Do you get the same on a site with lang="en"?

To test on forocoches, run this in Web Console:

document.documentElement.lang="en"

Does the font change at all?

You can use fc-match(1) to see what fontconfig returns for any query, e.g.

fc-match -s Arial:lang=es | less

Do you have a fonts.conf that might be messing up fontconfig?
Also, you should probably check out the fine wiki page.

Felfa · 2016-10-10 21:28:52

lolilolicon wrote:

Note the forocoches site has lang="ES" set.
Do you get the same on a site with lang="en"?
To test on forocoches, run this in Web Console:
document.documentElement.lang="en"
Does the font change at all?

Nope, it doesn't change anything. I also tried in other webpages with other default langs and got the same problem.

I also noticed that Firefox doesn't read all the other installed fonts (if I try one by one every font on https://typezebra.com at "Local Fonts" tab, the entire list of fonts installed on system is displayed, but in Firefox every font gets the Liberation Serif aspect. In Chromium they are displayed correctly).

The only fonts that Firefox can display correctly are sans, sans-serif, serif, mono, monospace, etc aliases. Very strange...

lolilolicon wrote:

You can use fc-match(1) to see what fontconfig returns for any query, e.g.
fc-match -s Arial:lang=es | less
Do you have a fonts.conf that might be messing up fontconfig?
Also, you should probably check out the fine wiki page.

Output of `fc-match -s Arial:lang=es | head`:

arial.ttf: "Arial" "Regular"
LiberationSans-Regular.ttf: "Liberation Sans" "Regular"
EmojiOneColor-SVGinOT.ttf: "EmojiOne Color" "Regular"
DejaVuSans.ttf: "DejaVu Sans" "Book"
DejaVuSans-Bold.ttf: "DejaVu Sans" "Bold"
DejaVuSans-Oblique.ttf: "DejaVu Sans" "Oblique"
DejaVuSans-BoldOblique.ttf: "DejaVu Sans" "Bold Oblique"
NimbusSans-Regular.otf: "Nimbus Sans" "Regular"
Lucida Sans Unicode.ttf: "Lucida Sans Unicode" "Regular"
NanumGothic.ttf: "NanumGothic" "Regular"

I didn't change anything manually in fonts.conf, so I think it's on defaults. I only removed 83-yes-bitmaps.conf from conf.d and installed infinality-fontconfig-ultimate (but reverted back to standard fontconfig, with no luck).

Meanwhile I'm going to continue checking the wiki pages, to see if there is any clue for my issue.

Last edited by Felfa (2016-10-10 21:29:15)

lolilolicon · 2016-10-11 05:18:04

I don't know man. But your /etc/fonts/conf.d/ is completely different from mine!
Here's mine,

10-hinting-slight.conf
10-scale-bitmap-fonts.conf
20-unhint-small-dejavu-sans.conf
20-unhint-small-dejavu-sans-mono.conf
20-unhint-small-dejavu-serif.conf
20-unhint-small-vera.conf
30-metric-aliases.conf
30-urw-aliases.conf
31-cantarell.conf
40-nonlatin.conf
45-latin.conf
49-sansserif.conf
50-user.conf
51-local.conf
57-dejavu-sans.conf
57-dejavu-sans-mono.conf
57-dejavu-serif.conf
60-latin.conf
65-fonts-persian.conf
65-nonlatin.conf
69-unifont.conf
80-delicious.conf
90-synthetic.conf
README

Note they're all shipped by the fontconfig package, except for the `dejavu-sans` ones.
Of the files in your /etc/fonts/conf.d/ there are only three found in my /etc/fonts/conf.avail/ so this is probably very wrong.

I suspect the infinality package fucked this up?
Recommendation: remove links under /etc/fonts/conf.d/ and reinstall fontconfig.

mx_joao · 2016-10-11 06:38:13

Try deleting the whole Fonts folder (/etc/fonts) and reinstalling freetype2, fontconfig, cairo.

# rm -rf /etc/fonts
# pacman -Syu freetype2 fontconfig cairo

Felfa · 2016-10-11 09:16:52

Finally solved! It seems there was anything wrong in fontconfig since I installed infinality package. Removed recursively the entire folder /etc/fonts and reinstalled fontconfig, freetype2 and cairo packages, and now Firefox is displaying the right fonts in every website.

Thank you all! Marking topic as solved.

Edit: Ok, so I found the culprit: emojione-color-font (AUR) was breaking my fontconfig. Instead, I installed the ttf-emojione-color from AUR.

Last edited by Felfa (2016-10-11 11:05:30)

Arch Linux

#1 2016-10-10 14:01:31

[SOLVED] Firefox displaying wrong fonts

#2 2016-10-10 14:55:17

Re: [SOLVED] Firefox displaying wrong fonts

#3 2016-10-10 15:35:17

Re: [SOLVED] Firefox displaying wrong fonts

#4 2016-10-10 18:08:42

Re: [SOLVED] Firefox displaying wrong fonts

#5 2016-10-10 21:28:52

Re: [SOLVED] Firefox displaying wrong fonts

#6 2016-10-11 05:18:04

Re: [SOLVED] Firefox displaying wrong fonts

#7 2016-10-11 06:38:13

Re: [SOLVED] Firefox displaying wrong fonts

#8 2016-10-11 09:16:52

Re: [SOLVED] Firefox displaying wrong fonts

Board footer