Choosing fonts for the web
When I studied the basics of web design, I found out with tears in my eyes that no one would see my favorite Hellios font on the site except me, and not only it, but many beautiful typographic fonts.
Operating systems dictate certain standards to designers, displaying the fonts that are already in their database, they ignore unfamiliar fonts, replacing them with standard ones. Of course, there are various advanced font implementations, but in this context we will try to focus on choosing the optimal fonts for the common HTML standard.
When interpreting, some browsers smooth fonts, while others leave angularities. Sometimes, for better readability, a smaller font is not smoothed, and a larger or rolling bold font is smoothed. Of course, with the basic construction of the font-concept, it is necessary to consider the text that is not smooth.
')
I will give a summary table of fonts that are supported in all versions of Windows & Mac
As can be seen from the table, not all fonts are equally useful, namely, with the same font size, it can be either larger or generally small, even unreadable.
To simplify the choice of the font, I created a PSD file in which you can effortlessly see what the font you want will look like. Font sizes from 9 to 17 pt Bold and Normal. The file contains all the supported fonts in most operating systems. Also near each font there is a note about the date of its introduction into the OS.
I tried to arrange the fonts in a sequential order relative to their style. From left to right more stringent - book, manuscript, technical, and comical.
It's pretty easy to download a PSD file with fonts ( link ) -
select the desired font layer> drag it to your layout.
I hope it will simplify and speed up your work. Thanks for attention!
Operating systems dictate certain standards to designers, displaying the fonts that are already in their database, they ignore unfamiliar fonts, replacing them with standard ones. Of course, there are various advanced font implementations, but in this context we will try to focus on choosing the optimal fonts for the common HTML standard.
When interpreting, some browsers smooth fonts, while others leave angularities. Sometimes, for better readability, a smaller font is not smoothed, and a larger or rolling bold font is smoothed. Of course, with the basic construction of the font-concept, it is necessary to consider the text that is not smooth.
')
I will give a summary table of fonts that are supported in all versions of Windows & Mac
As can be seen from the table, not all fonts are equally useful, namely, with the same font size, it can be either larger or generally small, even unreadable.
To simplify the choice of the font, I created a PSD file in which you can effortlessly see what the font you want will look like. Font sizes from 9 to 17 pt Bold and Normal. The file contains all the supported fonts in most operating systems. Also near each font there is a note about the date of its introduction into the OS.
I tried to arrange the fonts in a sequential order relative to their style. From left to right more stringent - book, manuscript, technical, and comical.
It's pretty easy to download a PSD file with fonts ( link ) -
select the desired font layer> drag it to your layout.
I hope it will simplify and speed up your work. Thanks for attention!
Source: https://habr.com/ru/post/75037/
All Articles