A
A
Anton2016-02-03 00:02:31
css
Anton, 2016-02-03 00:02:31

How to fix text issue in Safari?

Here's how it should be:
afd14e767efa4df982f8cb1907f976bc.png
And here's how it really is in Safati:
06c524569380428da589a6173c809d18.png
Moreover, both screenshots were taken in safari. Text normally (not bold) in Safari only appears on one page. This page uses exactly the same styles and scripts as the other pages. Not a single difference.
In other browsers, such as Chrome, everything is fine. The problem started to occur only with Safari. Before that, everything was fine.
These two lines are basically the same

font-weight: normal;
font-weight: 400;

If you write:
font-weight: 300;
Then the text in all browsers (in Safari too) will become narrow. That's the way it should be.
Specifically these lines:
font-weight: normal;
font-weight: 400;

Safari in this case perceives the same way. Equally ignores them and makes the text obviously bolder than it should be. Again, I repeat, I check in other browsers in parallel. Everything is fine there.
What could be the problem?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Alexander Stepanov, 2016-02-03
@hummingbird

Try this thing: maxvoltar.com/archive/-webkit-font-smoothing

O
Oleg Karnaukhov, 2016-02-03
@BupycNet

Does safari have collected styles for an object? Chrome, for example, can show everything that is applied + when you click, you can see where it is. Learn, mb safari also knows how to do something like that. Those. find where the horns grow from.
Any small difference somewhere can play a role. Some kind of MB class has been added, etc.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question