html修改全局字体,最好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;}
html修改全局字体,最好CSS全局字体写法相关推荐
- 在html中加入中文字体,中文字体在CSS中的写法整理
中文字体在CSS中的写法整理 发布时间:2013-10-30 17:33:18 作者:佚名 我要评论 在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名,下面简要的为大家介 ...
- html字体修改微软字体大小,css设置字体(css怎么调整字体大小)
一般字体的设置包含:字体,字体大小,字体颜色 html设置字体的话有很多标签去设置1. h1,h2,h3,h4,h5,h6 标题 其中 定义最大的标题. 定义最小的标题.2. 采用. 用Css设置整个 ...
- 页面可用性之浏览器默认字体与CSS中文字体
一.浏览器默认字体 众所周知,浏览器字体默认的设置为"宋体/simsun字体 16像素",例如Chrome浏览器下: 二.CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体 ...
- HTML页面引入字体@font-face CSS指定字体从远程服务器下载
@font-face @font-face CSS at-rule 指定一个用于显示文本的自定义字体:字体能从远程服务器或者用户本地安装的字体加载. 如果提供了local()函数,从用户本地查找指定的 ...
- css设置个性字体大小,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
- html 字体模糊,css – Chrome字体显示模糊
它在做我的眼睛! 在IE和Firefox看起来不错 Chrome(上图) 运行版本39的chrome, 只在模态框中显示模糊,如果我更改字体系列没有什么不同. 这是CSS(对于标签"开始&q ...
- safari html 字体设置,css – Safari字体渲染问题
有一个CSS属性,文本渲染,在Safari中默认设置为optimizeSpeed.你想改变的是: text-rendering:optimizeLegibility; 有四个可能的值: •自动(默认) ...
- 中文字体在 CSS 中的写法
转载网上文章 今天在折腾wordpress主题的时候,想把侧边栏上的2个标题转换为"方正姚体",用Firebug调试OK了,保存到css文件里上传后,可是怎么弄也显示不对,网上搜索 ...
- css中字体下划线样式,css下划线 浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
- css字压,CSS自定义字体的实现,前端实现字体压缩
CSS 自定义字体 移动端如何兼容UI给的字体 [toc] 移动端的默认字体 IOS 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue And ...
最新文章
- ios Develop mark
- Sqlserver__数据表排序记录和界面显示排序记录不一致的问题
- 手机移动端网站建设这些细节问题需重视
- 《Effective Java》读书笔记八(异常)
- apache服务器配置证书方法!
- 时间计算本质理论2-时间产生的虚拟化
- One order popup window 显示逻辑
- oracle odi 资料档案库访问期间出现未分类的异常错误,oracle学习_基本语法
- java Session缓存
- 大智慧交易系统测试软件,大智慧交易系统测试平台使用操作教程.doc
- rollup分析函数
- html前端登录界面示例
- Mate30安装谷歌全家桶(20200215,成功)
- 对ratings_data和trust_data进行分析
- 《哪咤学python进阶篇》之选学案例三:白桦林的故事_(Python多媒体MV)
- Python3运行web.py测试,出现RuntimeError: generator raised StopIteration异常
- Nginx可视化配置工具—NginxWebUI
- jgit git pull_使用JGit API探索Git内部
- 简单的了解一下MVC
- java中singleton_java中singleton的几种实现方式