D
D
Denis T2017-06-14 16:44:47
css
Denis T, 2017-06-14 16:44:47

Where does the font bug in Firefox come from?

Comrades, colleagues!
Adding the SansationRegular font to the page. Embed code:

@font-face {
    font-family: "SansationRegular";
    src: url("fonts/SansationRegular/SansationRegular.eot");
    src: url("fonts/SansationRegular/SansationRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/SansationRegular/SansationRegular.woff") format("woff"),
    url("fonts/SansationRegular/SansationRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

I work on a Linux machine and all fonts of this family (bold, light, italic), including regular, are displayed with a bang:
joxi.ru/krDjJ6PhE5W302
joxi.ru/vAWLbJkh1EayKr
My colleague's Windows machine ) it is displayed like this:
joxi.ru/DmBqKREt9E1xrP
joxi.ru/Q2KGkqxcn5GR2j
Moreover, this font with the property is displayed normally (heading Samson LLC). Maybe someone knows or faced with such a problem and can suggest a solution. font-weight: bold;

Answer the question

In order to leave comments, you need to log in

3 answer(s)
R
riot26, 2017-06-15
@tyukavin_denis

Faced such a problem. Some of the formats that are displayed on Windows are not calibrated for all sizes. Changing the font or changing the size of the text by a couple of pixels here and there will help until it's ok.
In my case, the problem was in woff2.

N
nirvimel, 2017-06-14
@nirvimel

I suggest commenting out loading fonts in different formats one at a time and at each step look at the result on both OSes to find out which OS actually uses which format. I assume that the point is that different formats look different (I know that it should not be so, but still), and not that different OSes display one format differently.

D
dom1n1k, 2017-06-15
@dom1n1k

In what a problem is clear - in a hinting. But how to fix it is more difficult.
Fonts, I suspect, are made by the FontSquirrel converter, and he sins with such things. And it is not clear how to fix it - I experimented with its options, went through a bunch of options, and in some cases I could not fix it with any combination of options.
Try alternative fonts whenever possible from Google Fonts and from Fontstorage.com

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question