📜 ⬆️ ⬇️

Font smoothing

Probably every novice web designer, putting his work on the assessment, hears in his address - Fonts must be without anti-aliasing. Since then, many of them no longer use anti-aliasing.
Of course, not all, there are certain people, i.e. designers who do not like site layouts, but pictures of sites. In such cases, font smoothing harmoniously coexists with a reduced scale of the layout and edging in the form of an unpopular browser. I do not know why this is being done, perhaps it is better to accept customers. In any case - it does not matter, such people will be uninteresting.
And it will be useful to those designers who no longer use anti-aliasing, but still do not know that it should still be used. The fact is that the display of the text in the browser does not work in the same way as the display of it in Photoshop. In the following table you can understand the difference.

As you can see, the 7th Explorer and Safari stand out in the text rendering method. But the share of using other browsers on the Internet is more than 70%, so we will rely on them.
As a result, the moral is as follows: For font sizes 9-16, text should be made without smoothing, for 17 or more - Sharp. I hope this research will help you to more accurately recreate the final look of the project and will help me to see huge jagged fonts less often in advanced beginner layouts.

')

Source: https://habr.com/ru/post/23138/


All Articles