默认Web字体样式（2）
作者：秦歌 来源：随网之舞 发布时间：2009-11-24 12:37:00
大小：12px
12px是宋体能显示的极限，虽然微软雅黑能显示更小的字体，但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体，所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。
在Chrome3.0之后的中文版中，字体大小最小值是12px，比如你设置最小字体为10px，最后也变成12px。
行高：1.5倍
这是一个经验值，不同的产品对这个值要求可能不同，但我们一般会设置最常用的为默认值。比如YUI的font中是
font:13px/1.231 arial,helvetica,clean,sans-serif;即字体大小默认值是13px，行高是13*1.231=16.003px，默认的行高是默认字体的1.231倍。对于中文来说，常用的字体大小12px、14px、16px、18px等偶数大小，在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。在IE6和IE7中，行高值必须大于字体的2px才能保证字体的完整显示或当其作为链接时能有效显示下划线。
设置
line-height时，注意不要使用单位（包括％在内），因为子节点会继承经过运算后的line-height值，所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值，而不会随着字体大小的变化而变化，而无单位的数值表示是所在容器的font-size的倍数，所以设置为无单位的数值是最佳选择。深入CSS 行高非常有利于理解
line-height，值得一读。
性能和效率
大部分平台都有
arial，减少浏览器的查找时间。代码最少，书写方便。
arial基本上是名字最短的字体了，可以节约CSS的大小。所有的字母都小写，目前Google就是这样做的，好处是既可以编写更快也能提升Gzip压缩的效率。
中文最好用unicode表示，比如使用宋体是
{font-family:\5b8b\4f53;}，使用微软雅黑是{font-family:\5fae\8f6f\96c5\9ed1;}，这样的好处是避免编码问题，同时能得到所有的主流浏览器的支持。使用正确的字体种类写法，避免使用引号，这样可以缩小CSS的大小。中文字体可以按上一条方式来编写。
未来
通过对中英文及符号混排的测试，我发现微软雅黑其实表现相当不错，包括英文数字和英文字符以及在IE6和IE7的显示效果上，但唯一的遗憾是在XP下如果安装了微软雅黑字体的用户没有打开“使用屏幕字体的边缘平滑”选项的话，在Firefox、Safari和Opera、特别是IE6下会非常模糊难以辨认。针对这个问题目前并没有很好的解决方案，所以只有等到IE6使用比率非常小的时候才可能正式的使用它。或许需要到2014年，XP死掉的时候。
虽然很早就有了@font-face，但是浏览器的支持、网速和商业问题，导致它很少被应用。最近关于字体的好消息是Firefox3.6将支持Web Open Font Forma。关于Web字体未来的相关信息可以看Web 字体的未来、关于 Web 字体：现状与未来和再谈 Web 字体的现状与未来。
最后推荐一下玉伯的《再谈 Web 默认字体》
0
投稿猜你喜欢
论文：Interactive Image Warping（1993年Andreas Gustafsson）算法思路：假设当前点为（x,y）,- 本文介绍了python opencv之SIFT算法示例，分享给大家，具体如下：目标：学习SIFT算法的概念 学习在图像中查找SIFT关键的和
- 本文实例讲述了python字典序问题，分享给大家供大家参考。具体如下：问题描述:将字母从左向右的次序与字母表中的次序相同,且每个字符最大出现
- jenkins是什么？ Jenkins是一个开
- var chars = ['0','1','2','3','4
- 弹性管理 ECS 实例获取 RAM 子账号 AK 密钥使用API管理ECS实例，您需要能访问ECS资源的API密钥（AccessKey ID
- 背景最近在搭一个新项目的架子，在生产环境中，为了能实时的监控程序的运行状态，少不了逻辑执行时间长度的统计。时间统计这个功能实现的期望有下面几
- 本文实例讲述了Django2 连接MySQL及model测试。分享给大家供大家参考，具体如下：参考：https://www.jb51.net
- 一、YOLOv5简介YOLOv5是一种目标检测算法，由ultralytics公司开发。它采用单一神经网络同时完成对象识别和边界框回归，并使用
- 当遇到一个模板标签（template tag）时，模板解析器就会把标签包含的内容，以及模板解析器自己作为参数调用一个python函数。 这个
- tell()方法返回的文件内的文件读/写指针的当前位置。语法以下是tell()方法的语法：fileObject.tell()参数
- Python requests 模块requests 模块是我们使用的 python爬虫 模块 可以完成市场进80％的爬虫需求。安装pip
- 在使用django-rest-framework开发项目的时候我们总是避免不了跨域的问题，因为现在大多数的项目都是前后端分离，前后端项目部署
- MYSQL里的BLOB数据类型BLOB是一个二进制大对象，用来存储可变数量的数据。BLOB类型分为4种：TinyBlob、Blob、Medi
- 引言pycharm 在运行后会产生大量的配置文件并默认存入C盘中，这样会占据大量的空间，因此，我们需要更改配置文件的位置。通过查询一些资料，
- 在进行增强现实的时候我们需要用到两个工具包：PyGame 和 PyOpenGL，本章在python环境下对这两个工具包的安装进行说明。一、安
- 如何用javascript来判定选择单选的radio哪个被选择,多选的checkbox有那几个被选中? <!DOCTYPE
- 本文实例讲述了python使用 cx_Oracle 模块进行查询操作。分享给大家供大家参考，具体如下：# !/usr/bin/env pyt
- 一、Requests库的安装利用 pip 安装，如果你安装了pip包（一款Python包管理工具，不知道可以百度哟），或者集成环境，比如Py
- 两个进程发生死锁的典型例子是：进程T1中获取锁A，申请锁B；进程T2中获取锁B，申请锁A，我们下面动手来演示一下这种情况：1. 创建一个Da
