Fix font import

[malikpiara]

[malikpiara]

@hacdias @fabiofcferreira: For some reason the font displays in a different way. Do you know what's going on? How may I solve this issue?

Here's a blog URL: https://blog.hotscope.io/fail-fast/

[fabiofcferreira]

@malikpiara

After checking the font-weights in the images I came to the conclusion that maybe Safari is rendering that h1 tag with a different font-weight but I may be mistaken. However, since I'm writing this on a Windows machine I can't really tell for sure.

Therefore, to solve this, I guess you should define that h1 tag to have its font-weight set to 500.

[malikpiara]

Also happening on the phone, android too.

[fabiofcferreira]

Just check the pages witht the tips I gave you and come back with some feedback. What you said strengthen my doubts about the browser the page is displayed in.

[malikpiara]

@fabiofcferreira I changed the font-weight before commenting. Also ran some other tests.

[hacdias]

Answer to that: https://stackoverflow.com/a/30878469.

[fabiofcferreira]

We know Malik very well and I'm sure he will want a solution for both browsers to render exactly the same. 😆
The second link discusses the -webkit-font-smoothing property, which Hotscope CSS already includes. This is rather strange.

Perhaps it could be Safari?

[hacdias]

I really doubt it can be solved. There will always be differences in the way browsers render text. As it is stated in that reply:

If, for some masochistic reason, pixel perfection is more important than sanity and maintainable code, you can try the old standy-bys (text-in-images, image/text replacment) or turning off subpixel rendering via CSS (although not all browser support it, and the text will be less readable).

[fabiofcferreira]

Agreed.

…

On 2 Jul 2019, 9:43 PM +0100, Henrique Dias ***@***.***>, wrote: I really doubt it can be solved. There will always be differences in the way browsers render text. As it is stated in that reply: > If, for some masochistic reason, pixel perfection is more important than sanity and maintainable code, you can try the old standy-bys (text-in-images, image/text replacment) or turning off subpixel rendering via CSS (although not all browser support it, and the text will be less readable). — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.