CSS Settings page font anti-browser Browse page Font Distortion _ Experience Exchange

Source: Internet
Author: User
The computer doesn't say what's wrong. Look at a lot of pages, fonts have changed. It's not the song body. It looks rather ugly.

Take Sohu for a while and see it on my computer. Maybe it's not very comfortable to see. And see NetEase did not have such a problem.



Because the guess is that Sohu didn't set the font for the page. Simply look at their CSS code (without looking at it). Found that there really is no font-family. and NetEase's there. font-family: "Song Body", Arial;

Such a problem, I found a lot of people have committed, write CSS do not like to set the font. If a man like me. Computers often have problems, fonts do not know how to do so. And I don't know how to change back. So look at the fonts on the Web page. I think the earth is so big. People like me should be one of them. So, write CSS or set the font of the Web page.
One might ask:
1. How to set the font settings in CSS?
A: Add this line to the CSS file.
Copy CodeThe code is as follows:
Body{font-family:verdana, "Song Body", Arial,sans;}

2, why do you put "Verdana" in front of "song Body"?
A: Give me two examples and you'll know!
A, this example, I was set Font-family:verdana, "Song Body", Arial,sans;
Copy CodeThe code is as follows:
A, this example, I was set Font-family:verdana, "Song Body", Arial,sans;
Do you see what it looks like in the English language?
Example website: guest-gathered


The purpose of this writing is to make English fonts more beautiful, in English font Verdana to display. Instead of using the Chinese Arial to display.

B, this example, I was set font-family: "Song Body", Verdana, Arial,sans;
Copy CodeThe code is as follows:
B, this example, I was set font-family: "Song Body", Verdana, Arial,sans;

Do you see what it looks like in the English language?
Example website: netease

In this way, the English font in the Web page is not very comfortable to see, NetEase does not have such a way of writing, I believe there must be his truth.

Description: The above wording applies only to Windows operating systems.
  • 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.