CSS全局字体写法比较
body {font-family: Arial, sans-serif;}这是迄今为止发现的最好CSS全局字体写法解决方案。下面简单与其他写法对比一下。
body {font-family: Tahoma, sans-serif; }这是一个不错的解决办法。Tahoma其实是一个挺漂亮的字体。但是它其实会带来一些问题:
1. 由Tahoma显示的中文,在IE 6里,下划线会紧紧的贴住中文字,很难看。
2. IE 6下,Tahoma无法正确的设定为13px。它会跟14px一样大。但是其他浏览器没有这个问题。
3. 如果一行里同时出现中文和英文,且这一行里有元素被定义了vertical-align属性,在IE 6、7里会导致文字高低不齐,甚至下划线错位。
body {font-family: "宋体", sans-serif; }这个写法可能的缺点在于:
1. 宋体在Safari和Vista的IE 7下,看起来很难看。
2. 宋体的英文字很难看。
3. 如果在CSS里写中文,你得小心你HTML和CSS的编码是否一致。
body {font-family: Arial, ans-serif; }上述两个问题,Arial都没有。但是Arial也有缺点:
1. 比Tahoma难看。
2. Tahoma里的第三个问题也同样存在。
不过,这个bug是有个解决办法的,就是将这一行定义zoom:1。
body {font-family: SimSun,sans-serif; }这样写,可以避免上面的第三个问题。但是宋体本身确实很难看。我们希望在不同平台下,都用各自默认的字体。XP是宋体,Vista是微软雅黑,Mac是黑体。这样的话,只能将字体的第一个设置为英文字体,这样遇到中文的时候,浏览器会自动调用默认字体。
如果不嫌难看,定义为Arial是最合适的。如果实在不喜欢,可以将全局定义为Tahoma,然后再将有下划线的(如链接)文字定义为Arial,至少可以缓解一下。
对于全局字体需要注意的是:IE里,所有的表单元素都不继承body的字体属性,需要单独设置:
input, label, select, option, textarea, button, fieldset, legend { font-family:Tahoma,sans-serif;}
(资源库 www.zyku.net)
上一篇:CSS样式等比例控制图片大小
栏 目:CSS
下一篇:CSS实现带箭头的流程进度条
本文标题:CSS全局字体写法比较
本文地址:https://www.zyku.net/css/187.html
您可能感兴趣的文章
- 03-16在已有的iconfont图标中添加新的字体图标
- 11-05Notepad++字体设置的方法
- 06-26Nginx实现跨域使用字体文件的配置详解
- 06-15Dreamweaver cs6设置代码字体大小的方法
- 03-12Sublime Text主题字体的修改方法
- 02-22dedecms文章页增加内容字体大小选择的功能
- 02-20Ubuntu安装字体教程
- 02-20CentOS字体安装
- 02-20notepad++如何调整字体大小
- 02-20sublime text3 字体大小设置教程
- 01-14图片文字转化器-图片文字转化器应用软
- 11-12支付宝能量雨开启方法介绍
- 10-12LOFTER启用九宫格页面布局操作介绍
- 01-13dedecms调用当前栏目ID与当前栏目顶级
- 02-21华为手机耳机histen音效使用方法
- 02-22DedeCMS幻灯片调用图片显示模糊的原因
- 01-25华为p40手机导航信号弱解决方法
- 07-15帝国cms发布人的ip显示问题
- 03-26iqoo7充电动画设置方法
- 04-22oppoReno7同步账号数据教程
最近更新
阅读排行
猜你喜欢
- 06-25美团云
- 02-21红米k40游戏增强版开启护眼模式设置方
- 02-23织梦推荐属性默认加粗的修改方法
- 03-21vivo手机语音助手唤醒词设置方法
- 02-21小米11背部轻敲截屏功能设置教程
- 01-12IN我的生活in记-IN我的生活in记应用软
- 01-11Quillio日记-Quillio日记应用软件功能
- 01-11遇见她-遇见她应用软件功能介绍
- 02-23DedeCMS畅言插件安装教程
- 01-11师来考编-师来考编应用软件功能介绍