Vis Ix Des1 Learning Diary 04

Web Fonts

One of the most important part of fonts, no matter they are web fonts or fonts that we can see in printing and other medium, is the different font families. In the very beginning I thought the main font families are just going to be Serif and Sans-Serif these two kinds, but in web fonts the truth is that we should categorize these fonts into Serif, Sans-Serif, Monospace, Cursive and Fantasy. Serif and Sans-Serif are just the most commonly-seen types. Sans-Serif mainly concludes the fonts that not having decorative markers on the letters. These fonts are largely used in the modern graphic and user interface design, due to their readability and clean characteristics that fits the minimum design language. Serif fonts, on the other hands, is the opposite of Sans-Serif fonts. They have all the decorative markers on their characters, which is one of the most commonly seen fonts on older medium such as newspaper and books. They are incredibly readable to the audiences when the words or paragraph is overwhelmingly long. Monospace, which is exactly like its name, has exact same space between different charactters, even with different widths that each character have. This kind of fonts are extremely helpful when the programmers are trying to align thousands of code and have the clear structure of the whole software, though they are not commonly used in typeset as well as basic graphic or interface design (except websites that quotes lots of codes like GitHub and etc.). Cursive and Fantasy fonts are generally fonts with lots of decorative markers, and they are used sparingly.

Another interesting part I noticed is the usage of SVG Fonts. Considering SVG means Scalable Vector Graphic, nowadays all the modern fonts are supporting multi-resolution screens as well as scaleing adaptive content. Two most commonly known font types are TTF and OTF. TTF is the actually the fondation of SVG fonts. Using mathematic formula to calculate the form of character, TTF can handle most sizes and screen resolution except for extremely small font size. Comparing to TTF, OTF are more advanced. Besides all the benefits that TTF have, OTF had also embedded PostScript fonts in order to provide better quality at small size. The attributes of Unicode, licencing and multiplatform are also be embedded into OTF.

Web Typography
OpenType字体与TrueType字体的区别 (The differences between OpenType fonts and TrueType fonts)

Write a Comment