:Overview of the evolution of web fonts-Font Tutorial免费ppt模版下载-道格办公

The following article comes from Code Secret Garden, written by ConardLi

code secret garden

A high-quality front-end account with basics, frameworks, algorithms, projects, interviews...there is always what you want.

code Secret Garden Public Account/ConardLi

When you’re struggling with what font size to choose, especially when you’re trying to adapt to different screens and scenarios. Looking back at the historical changes in the development of web fonts may give you a new perspective.

When I started working on the Web stuff around 2005 there were two very popular body text font styles:

10pxVerdana;
11pxArial.

These two styles may appear on 90% of professional websites for WindowsXP and earlier versions of IE5, IE5.5 and IE6. Due to heavy font hinting, lack of font smoothing or sub-pixel rendering, and the fact that Verdana has a larger x-height, 10pxVerdana is roughly equal to >11pxArial, but the letters are slightly wider and they look similar.

Today, 10px and 11px seem trivial, but in the early 2000s they were considered readable for two reasons:

The 800×600 and 1024×768 screens of the late 1990 and early 2000 decade had very large pixels, so The pixels selected are on the small side, but not as small as they look today.
Designers and their clients are accustomed to 9, 10 and 11 point sizes for typography (books, magazines, flyers, etc.), and using larger fonts is like the reader yelled.

With little experience designing for the Web, graphic designers and marketing departments relied on previous knowledge of QuarkXPress and MicrosoftWord. "How do I convert font point sizes used in flyers or magazine ads to HTML font sizes?"

Of course, since pixels have no universal physical dimensions, there's no way to reliably convert printed dots into pixels. Screens have different pixel-per-inch ratios. The original Macintosh screen was 72ppi (or 68ppi?). Twenty years later, in 2004, screens were generally in the range of 80-90ppi. After a few years, pixels got smaller and screens were typically in the 90-120ppi range, while most iPhone resolutions were 160ppi . Despite common misconception, even before the Retina transition began, the Web resolution was not 72ppi.

But we don't need to figure out the exact inch-by-inch resolution of each device to make informed design choices. Give it a try, it should always beat dpi, ppi, Retina and even pixel count.

In November 2006, OliverReichenstein conducted a simple experiment: he compared the distance between the magazine's text font and the normal person's eyes to the desktop screen. The distance between the two was normal, while the website's Word

Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/wang-luo-zi-ti-yan-bian-gai-lan.html