CSS设置网页的字体 防浏览器浏览页面字体变形
时间：2021-04-17 09:51:32|栏目：HTML代码|点击： 次
电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看.
拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题.
由于就猜想恳定是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 ；
<style>body{font-family:Verdana, "宋体", Arial,Sans;font-size:12px;}</style>A、这个例子，我是设置 font-family:Verdana, "宋体", Arial,Sans ；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://shanghai.kijiji.cn" target="_blank">客齐集</a><br />
这样写的目地是让英文字体更好看一些，用英文字体VERDANA来显示。而不是用中文宋体来显示。
B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ；
<style>body{font-family: "宋体",Verdana, Arial,Sans;font-size:12px;}</style>B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ；
；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://www.163.com" target="_blank">网易</a><br />
这样写网页中的英文字体看不去不太舒服，网易不用这样的写法，我相信一定有他的道理的。
说明：以上写法只适用于WINDOWS操作系统。
拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题.
由于就猜想恳定是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 ；
复制代码 代码如下:
<style>body{font-family:Verdana, "宋体", Arial,Sans;font-size:12px;}</style>A、这个例子，我是设置 font-family:Verdana, "宋体", Arial,Sans ；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://shanghai.kijiji.cn" target="_blank">客齐集</a><br />
这样写的目地是让英文字体更好看一些，用英文字体VERDANA来显示。而不是用中文宋体来显示。
B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ；
复制代码 代码如下:
<style>body{font-family: "宋体",Verdana, Arial,Sans;font-size:12px;}</style>B、这个例子，我是设置 font-family: "宋体",Verdana, Arial,Sans ；
；<br />看到英文字体会显示成什么样了吗？<br />例子网站： <a href="http://www.163.com" target="_blank">网易</a><br />
说明：以上写法只适用于WINDOWS操作系统。
