Linux Desktop System font configuration details (i)

Font Display effect test

This section is to test the display of italicized word, including the English font in the song, "This is english,how does it look like?". This line is small print. The following words are bold in the XXFarEastFont-Arial . Punctuation ",. ：；！ ”
This section is designed to test the display of bold text, including the English font in bold, "This is english,how does it look like?". This line is small print. Punctuation ",. ：；！ ”。 What is the appearance of Microsoft's Ya-hei? ：！ ”？
This is the paragraph shows how does serif Chinese fonts look like, including the English language of the display of the inclusion of the effect. is serif same as Times New Roman?
This is the paragraph shows how does Sans-serif Chinese fonts look like, including the English language of the display of the inclusion of the effect. is Sans-serif same as Arial?
This paragraph shows the does UI fonts look like, and there are special interface fonts, such as Tahoma fonts in Windows: File->new->new Project.
#include <stdio.h>
int main () {
Return 0;//Obviously this is to test the equal width font
}

#include <stdio.h>//Observe the code below to see if Monospace equals Courier New
int main () {
return 0;
}

Classification and use of fonts

At the beginning of the article (that is, before this part), I purposely wrote some text to test the display of various fonts. These test texts have been carefully modified in HTML source code mode. The 1th paragraph of the font is set to the song body, including the English, small and bold words. 2nd paragraph except the last sentence, the remaining fonts are set to bold, including English and small print; the last font is set to Microsoft Ya Black, is to compare the Microsoft Ya Black and ordinary black body effect. 3rd paragraph except the last sentence, the remaining fonts are set to serif, including Chinese; the last font is set to Times New Roman. The 4th paragraph except the last sentence, the rest is Sans-serif, the last sentence is Arial. The font for the 5th paragraph is set to Tahoma. The last two block code, the 1th block of code font set to Monospace, the 2nd block of code font set to Courier New. Why this setting, I will be followed by the picture to explain. Below, you need to understand the classification of fonts and their use.

1, the English font is divided into three categories, are lined with a font (serif), sans serif font (sans-serif) and equal width font (monospace). Serif is a serif font, which means that there are additional decorations at the beginning and end of the stroke, and that the strokes are of a different thickness. Sans-serif has no such extra decorations, and the strokes are about the same thickness. In traditional text printing, it is generally accepted that the lining has a better readability (compared to sans serif), especially in large passages, where the line increases the visual reference to the letter when reading. Sans serif are often used in headings, shorter text passages, or some entertainment. Compared to serious lines, no liner gives a relaxed feeling of leisure. At the same time, because no liner font strokes more full, so more suitable for computer screen display, in the printing and printing, you can use sans serif font to do title, bold font, etc. to emphasize. The equal-width font is needless to say, mainly for terminal fonts or programming.

2, Chinese fonts can be referred to the English font classification, because the Chinese are equal width, so only need to distinguish between the lining (serif) and sans Serif (sans-serif). Chinese song body, imitation is equivalent to the English serif, so for the traditional printing and printing effect is better. And the Chinese blackbody, italics, round body and other fonts equivalent to the English Sans-serif, for computer screen display effect is better, can also be used in printing and printing to do the title and bold words.

3, serif font of the classic representative of Georgia and Times New Roman,sans-serif font of the classic Representative has Arial and verdana,monospace font of the classic representatives have courier New and Dejavu sans Mono.

The technology of font display in computer

The font in the computer is both an art and a technology. It's difficult to look at the fonts on your screen. The font can be expressed as a bitmap (bitmap) or as an outline (outline). Bitmap fonts cannot be scaled, and outline fonts can be scaled arbitrarily.

1, to obtain sharp clear effect, the small print must be displayed as a dot matrix (bitmap), large characters can be displayed as outlines;

2, display contour font, in order to make the edge of the font is more smooth, you need to the font edge anti-aliasing (anti-alias);

3, in order to get better results, font design manufacturers in the design of fonts, the font will be fine-tuned (hinting). Font fine-tuning is a time-consuming effort, so it produces an automatic fine-tuning technique (autohint);

4, in order to make the font on the liquid crystal display better results (mainly for the smooth edge of the font), produced a pixel smoothing technology (subpixle), Microsoft's ClearType technology also belongs to the second pixel smoothing technology. The so-called secondary pixel, refers to each pixel in the separate R, G, B components, so the second pixel smoothing, font edge will look more smooth, if used poorly, font edge will appear colorful. It is also because the CRT display and the LCD display each pixel is not the same, so the CRT monitor can not open the second pixel smoothing.

5, increase the screen dpi, you can increase the reprint pixel, so as to achieve a smoother display effect. For example, on a traditional 96dpi computer monitor, a 9pt character is drawn in 12 pixels, a 12pt character is drawn in 16 pixels, and it is really hard to smooth with the contour font. But in the current Android phone, Apple ipad and other devices, the high resolution of the screen is more than 300dpi, painting a 12pt character can use more than 50 pixels, font smoothing is not a problem, do not need to use dot matrix, fine-tuning, anti-aliasing, pixel and other technologies. I think, with the display hardware technology development, the above technology will become a cloud.

The above picture is the display effect of the font test paragraph in the Win7 system. In addition to the title and small print, all other fonts are 12pt. As you can see, the 12pt italicized word and Serif's English fonts are displayed as dots, so they have a clear, sharp effect. and bold, Microsoft Ya Black and Sans-serif fonts have no lattice, but because sans-serif itself strokes full, so also get a good display effect. It is said that Microsoft ya black each word cost 100 dollars, designed for ClearType technology, but from the effect, not as strong as the ordinary black body how much.

As mentioned earlier, serif and Sans-serif are the classification names of the fonts, not the specific font names. The Times New Roman is the most classic serif font in Windows, but as you can see from the image above, it is not the preferred font for serif fonts, the fonts set to serif and the fonts that are set to the Times New Roman are not the same, but they're all pretty. Serif fonts , Serif's Chinese has chosen a different lattice font from the song body. The Arial font is the most classic sans serif font, and you can see from the diagram that the fonts that are set to Sans-serif and set to Arial display the same effect. Just Sans-serif's Chinese was replaced by the dot matrix of the song body. Tahoma font display and Sans-serif only slightly different width, but still very full.

Use CTRL + the mouse pulley to scale the Web page. When you enlarge the page, you can see how the outline font will look, as shown in the following illustration: