How to make firefox render fonts as google-chrome does? (screenshot)

Question

How do I make firefox render fonts as google chrome does as shown in screenshot? (Chrome below and firefox above)
Notice for instance the dash "/", "Explore", "Features" etc and the text at the bottom "added git_fixes".
I'm no expert but is it antialiasing that makes the difference? Cause it seems the font is the same, right?
.Xresources
Xft.dpi: 120
Xft.antialias: true
Xft.hinting: true
Xft.hintstyle: hintmedium
Xft.rgba: rgb
Xft.lcdfilter: lcdlight
~/.config/fontconfig/fonts.conf
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<match target="font">
<edit name="antialias" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit name="hintstyle" mode="assign">
<const>hintfull</const>
</edit>
<edit name="rgba" mode="assign">
<const>rgb</const>
</edit>
<edit mode="assign" name="lcdfilter">
<const>lcdlight</const>
</edit>
</match>
</fontconfig>
I have ttf-win7-fonts installed, and also recently I've installed Infinality (haven't configured it, necessary?).
Advice appreciated.

Answer 1

bleach wrote:
well in firefox you can chose your font and then unclick the let sites chose there own fonts.
ya looking at your picture I do see the diff. but I do not have that pixelation in my firefox.
.Xresources has nothing to do with gtk
I do want to let sites choose their own fonts though.
When I look closely on my screenshot I wonder if it's even the same font though (the "3" looks very different).
Perhaps that's where the problem lies.
If I force firefox to use Arial, it looks good. If I set it to Helvetica which seems to be the font used, it looks like in the screenshot - pixelated.
$ fc-match helvetica
helvR12-ISO8859-1.pcf.gz: "Helvetica" "Regular"
Seems it doesn't use truetype (helvetica.ttf?) as default font for helvetica - shouldn't it?