Chrome is weird with embeddable fonts

Question

Google Chrome

To improve the creepy anti-aliasing in Chrome, I used a "hack" when the svg block is raised higher in @font-face. Anti-aliasing really got much better, but now I have such a thing.



Occurs with both float: right and text-align: right. The result in the picture is obtained by pressing F5. Those. I don’t change anything in the code at all, and the picture itself is rendered differently.

Maybe there are some thoughts? Woff really do not want to use it, it turns out very scary.

Answer 1

You can do without SVG, there is a recipe at the very bottom of the article .

Answer 2

I have also experienced similar behavior in Chrome.
And it was not possible to solve the problem then (and then they redid something and scored).