Talk about the font settings of the Web page

Source: Internet
Author: User

Setting up the full-site font has always been a simple and not easy thing to do, because there is too much to go through.

This article is mainly to say that for an ordinary website, how to choose the font according to their own needs. 1. Necessary KnowledgeFirst of all, we should make it clear that you are not setting up this font and the user's computer will be displayed in this font. If the user's computer does not have this font installed, it will be rendered in the second font you set. See a common setup
/**/
The above code, if set on a machine without a Tahoma font, is rendered in Arial font. If not, then use the latter one. Until you specify a font that is not available, a font in the Sans-serif font family is used. Then, we should talk about what Sans-serif is. Sans-serif is a non-liner font meaning, not a font, but a class of fonts collectively. Correspondingly, the serif is the meaning of the liner font. (Explanation: The liner is a small font on the decoration, specific can Baidu, and the relationship between this article is not big, do not start speaking.) For a common font family, here's what to do:
    • Serif: With serif fonts. Times New Roman is the default serif font, the Chinese font, is the song body, imitation and other fonts.
    • Sans serif: sans serif font. Arial is the default Sans-serif font, Chinese fonts, Microsoft Jas Black, bold and so on are such fonts, English fonts include Helvetica, Geneva or Verdana, and so on.
    • Monospace: Equal width font. Each letter in this font has the same width. Typically used to display program code, etc., Courier is the default monospace font. And for Chinese, each character is equal width.
2, how to set the fontRead the above necessary knowledge, the font must have a little system point of understanding. So how to set the website font? Some people used to use the song body, Arail or Tahoma as the first font. However, there is a big problem in this, for the font size is larger (more than 16px), rendering is quite ugly. However, I use the computer to optimize the font under Windows, I can not show you. In short, for large fonts, this setting is pretty ugly. Then some people say that Microsoft ya black in the font is very good when the big. All set Microsoft Ya black how? There is a big problem, ya-hei is Windows Vista only, for the share of 65%+ XP users, you set ya black equals not written. They still use the song body ah what the rendering. In addition to your self-comfort or coping boss (boss will generally trend with Windows 7 or more). is really useless for most users. and Microsoft ya Black in the rendering of 12px fonts do not have the song body they come in good. So, about how to set the font, I think it should be based on the actual business and the situation to set specific. 3. ConclusionAfter the above analysis, I summed up a I think very good setting Method 1: Comprehensive optimal total station font settings as follows
Font-family:helvetica,arial, ' Hiragino Sans GB ', \5b8b\4f53,sans-serif;
Then use the picture to handle large, important fonts, such as navigation. Because after using the picture, you will not have to struggle with whether the user has installed this font problem, and can do more beautiful, more extensibility and possibilities. 2: The best performance of all-station fonts or
Font-family:helvetica,arial, ' Hiragino Sans GB ', \5b8b\4f53,sans-serif;
Then for large fonts (no matter what the weight is here). Individually to set
Font-family:microsoft Yahei;
This setup can make the front end a lot of things, but there will be many XP users will be ugly to the large font. 3:the most convenient solution

Direct

Font-family:helvetica,arial, ' Hiragino Sans GB ', \5b8b\4f53,sans-serif;
Or
Font-family:microsoft yahei,helvetica,arial, ' Hiragino Sans GB ', \5b8b\4f53,sans-serif;
Although it is possible to render a large font is not beautiful, although ya black rendering small font is not clear. But, what's the matter? Finally, this article is about the general domestic website, if you want to consider English, various systems and so on. Then there is more to be researched in this.

Talk about the font settings of the Web page

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.