CSS sets the font of the web page to prevent the font deformation of the browser browsing page_Experience exchange

WBOY
Release: 2016-05-16 12:08:21
Original
2016 people have browsed it

I can't tell what's wrong with my computer. When I look at many web pages, the fonts have changed. It's not Song Dynasty. It looks ugly.

Take SOHU for example, it looks like this on my computer. Maybe It wouldn’t be comfortable if I didn’t go. But NetEase doesn’t have such a problem.



由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family .  而网易的就有 . font-family:"宋体", arial; 

这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字体不知道怎么就这样了. 而我傻的还不知道怎么改回来. 那么看网页的字体就这样了. 我想地球这么大. 像我这样的人应该大有人在吧. 所以.在写CSS还是设置一下网页的字体吧.
可能有人会问:
1、在CSS设置字体怎么设置?
答:在CSS文件中加入这一行。 

复制代码 代码如下:

body{font-family:Verdana, "宋体", Arial,Sans;} 

2、你为什么把“Verdana”放在“宋体”的前边?
答:举两个例子你就知道了!
A、这个例子,我是设置 font-family:Verdana, "宋体", Arial,Sans ; 
复制代码 代码如下:

A、这个例子,我是设置 font-family:Verdana, "宋体", Arial,Sans ;
Have you seen what the English fonts will look like?
Example website: KeQiji


Write like this The purpose is to make the English fonts look better and display them with the English font VERDANA. Instead of displaying it in Chinese Song Dynasty.

B. In this example, I set font-family: "宋体",Verdana, Arial,Sans;
Copy code The code is as follows:

B. This For example, I set font-family: "宋体",Verdana, Arial,Sans;
;
Have you seen what the English font will look like?
Example website: NetEase

Write the English in the webpage like this The font is not comfortable to read. NetEase does not use this way of writing. I believe there must be a reason for it.

Note: The above writing method is only applicable to WINDOWS operating system.
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template