当前位置:  编程技术>WEB前端

CSS设置网页的字体 防浏览器浏览页面字体变形

    来源: 互联网  发布时间:2014-09-06

    本文导语:  电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于就猜想恳定是SOHU没有设置网页的...

电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 

拿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 ; 
代码如下:

body{font-family:Verdana, "宋体", Arial,Sans;font-size:12px;}A、这个例子,我是设置 font-family:Verdana, "宋体", Arial,Sans ;看到英文字体会显示成什么样了吗?例子网站: 客齐集

这样写的目地是让英文字体更好看一些,用英文字体VERDANA来显示。而不是用中文宋体来显示。 

B、这个例子,我是设置 font-family: "宋体",Verdana, Arial,Sans ; 
代码如下:

body{font-family: "宋体",Verdana, Arial,Sans;font-size:12px;}B、这个例子,我是设置 font-family: "宋体",Verdana, Arial,Sans ;  
 ;看到英文字体会显示成什么样了吗?例子网站: 网易
这样写网页中的英文字体看不去不太舒服,网易不用这样的写法,我相信一定有他的道理的。 

说明:以上写法只适用于WINDOWS操作系统。 

    
 
 

您可能感兴趣的文章:

  • 让用户自己控制网页字体的大小的css书写方法
  • 教你如何用CSS来控制网页字体的显示样式
  • 深入探讨CSS中字体元素
  • CSS 中关于字体处理效果的思考
  • CSS hack浏览器兼容一览表
  • 处理CSS3跨浏览器兼容的工具 Prefixr
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • 多浏览器支持CSS 容器内容超出(溢出)支持自动换行
  • CSS布局中可以用javascript判断浏览器版本
  • css 跨浏览器实现float:center
  • 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
  • 多浏览器css兼容分析小结
  • 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
  • 动态CSS站点教程:多个页面样式提供浏览者选择
  • CSS 浏览器的等宽空格问题解决
  • 浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
  • css实现兼容各个浏览器的技巧的代码
  • css浏览器不兼容原因分析及解决办法第1/2页
  • Css浏览器兼容的解决方法
  • CSS Hack 汇总速查手册浏览器兼容必会
  • 针对浏览器隐藏CSS
  • 针对浏览器隐藏CSS之独孤九剑
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • CSS代码检查工具 CSS Lint


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3