Talking about font rendering and rendering

Source: Internet
Author: User
Tags vector font

Talking about font rendering and rendering

Due to a certain requirement, I need to know about the font rendering. I have never touched this before, so I can only rely on Google for the first time. I have found "Understanding font rendering" and "learning about computer font in a single stroke". I have a bit of understanding, but I just read the article and I feel very embarrassed. Then I will implement and summarize some font concepts based on my own understanding.

Font type

Dot Matrix fonts and Vector Fonts are commonly used. For details, see Computer_font.

Dot Matrix Font:

The suffix is generally fon or C header file format. I read all the text about font rendering, but no one will explain it with examples. Its English prototype is Bitmap fonts, which is a Bitmap font. All words are pictures one by one. The computer is no longer used, but it is widely used in other places.

Its application scenarios include:

1. Linux character Interface

2. Character Display during Windows Startup

3. For the characters displayed in the Recovery mode of Android, see font_10x10.h font library file production in the Recovery mode of Android.

4. Rolling LED display screen on the door of a roadside merchant

5. 12864 lattice display commonly used in industry

Vector Font:

The suffix is generally ttf. Because the dot matrix font is inconvenient to scale, the vector font is available. However, there will also be some other problems that need to be solved, if the phenomenon is not real. ClearType in Windows; FreeType in Android. They are derived from TrueType. The suffix names are subject to the ttf letter.

 

Font Optimization

Font optimization generally includes anti-sawtooth and smooth. Here we will describe it in the ya font in the commonly used Win7 system. Based on the "relatively perfect" Display Effect of Windows and the "customizable" Characteristics of Linux, we can experiment with the display effect of the same font in different rendering strategies.

 

This Windows OS desktop part displays the best Windows style of the font. If you want to see the most direct feeling of different parameter combinations of anti-sawtooth and smooth, you have to go to the Linux system to adjust it. To debug different rendering effects, we generally use the Ubuntu tweak tool to set debugging:

 

Comparison between Chinese and English Parameters

Font hinting (fine-tuning/smoothing ):

1. No hinting. No fine-tuning

2. Basic is normal

3. Moderate Moterate

4. Maximum

 

Antialiasing ):

1. No antialiasing without edge Smoothing

2. Grayscale antialiasing Grayscale edge Smoothing

3. Subpixel antialiasing times/sub-pixel Smoothing

 

By adjusting and comparing Windows, Hinting: Maximum and Antialiasing: subpixel antialiasing are the best.

 

Here we also look at the different effects of the combination of not-Present:

Extreme combination effects:


 

Personal comments: Good fonts, poor rendering, are also scum. In addition, it will clearly feel that the font is put in the hands and will generate a hacker. This is a positive sawtooth, and you need to reverse (Anti-) The Sawtooth to fix it.


 

Personal comments: Hinting has a great effect and obvious effect.


 

Personal comments: the root cause of font blurring and false positives. Anti-aliasing can be used to fix the phenomenon but cause blurred edges.


 

Personal Evaluation: The secondary pixel is currently used by various operating systems. Hinting has a great impact on the font display effect.

 

Summary: The final display effect of the font depends on the font type and the degree of optimization. Whether it is clear for the purpose of Windows or iOS/Android/Ubuntu with the actual effect is to adapt to local conditions. On the 1366x768 and low PPI display, I will choose the former, because the latter is really a mess. In the future, the Retina display will have a third option, that is, the secondary pixel anti-sawtooth will not be used. In addition, some knowledge will be serialized after a long time.


Are you using MacTypey to render the text in WIN7? I don't know if the font looks good after I use it?

You are not a video card or a monitor!
I have also used mac type. The default "LCD. W7 default font. MAC-like" effect is not ideal. The specific performance is that the font is too bold and the shadow is serious! It seems confusing. In a long period of use, my experience is that the mac LCD DEFULE has the best effect and is the most perfect (that is, will become smaller)

How to delete font rendering?

Does your font rendering work with filters?
 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.