CSS设置网页的字体防浏览器浏览页面字体变形
2023-06-13 09:13:54 时间
电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看.
拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题.
由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family . 而网易的就有 . font-family:"宋体", arial;
这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字体不知道怎么就这样了. 而我傻的还不知道怎么改回来. 那么看网页的字体就这样了. 我想地球这么大. 像我这样的人应该大有人在吧. 所以.在写CSS还是设置一下网页的字体吧.
可能有人会问:
1、在CSS设置字体怎么设置?
答:在CSS文件中加入这一行。
复制代码代码如下:
拿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操作系统。
相关文章
- 使用holder.js生成美观的网页占位图
- QQ对话框提示“当前网页非官方页面,请勿输入QQ帐号和密码,如需访问,请复制后使用浏览器访问”怎么办?
- 网页自动截图 浏览器定时截图方法
- 网页木马是什么原理啊_浏览器中了木马怎么办
- 一秒钟教你成功使用Chrome谷歌浏览器的网页翻译,亲测好用!
- C#-调用浏览器打开网页
- 网页防止复制js代码
- (一)传统网页开发弊端
- 沉浸式翻译-沉浸式双语网页翻译浏览器扩展插件
- 网页设计的发展趋势
- 公众号AI聊天,编写一个Gmail网页登陆的功能
- BackPress:用于创建网页程序的 PHP 库
- 【移动端网页布局】移动端网页布局基础概念 ① ( 移动端浏览器 | 移动端屏幕分辨率 | 移动端网页调试方法 )
- jQuery实现网页右下角悬浮层提示详解编程语言
- 我的第六个网页制作:table标签详解编程语言
- 谷歌浏览器将通过机器学习自动为网页图片添加描述方便视觉障碍人士
- 快捷上网,Linux主流网页浏览器(linux网页浏览器)
- 使用Linux自带的浏览器浏览网页(linux自带的浏览器)
- 为什么我用Outlook客户端收信后网页端的收件箱里的邮件被删除了?
- 在Linux终端里浏览网页的奇妙体验(linux终端浏览器)
- 在Linux终端内轻松浏览网页(linux终端浏览器)
- 高效的网页使用Redis缓存技术(网页使用redis)
- 微软:Win11 Edge 浏览器 Ink API 将网页「电子墨迹延迟」改进提速 240%
- 网页布局+纯CSS纵向下拉菜单IE6/IE7兼容
- JavaScript全面解析各种浏览器网页中的JS执行顺序
- JS网页播放声音实现代码兼容各种浏览器
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)