记录－交流－Web开发知识分享
TrueType是由美国苹果公司和微软公司共同开发的一种电脑轮廓字体（曲线描边字）类型标准。
这种类型字体文件的扩展名是 .ttf，类型代码是tfil。
TrueType的主要强项在于它能给开发者提供关于字体显示、不同字体大小的像素级显示等的高级控制。
OpenType 是 Adobe 和 Microsoft 联合开发的跨平台字体文件格式，也叫 Type 2 字体，它的字体格式采用 Unicode 编码，是一种兼容各种语言的字体格式。
OpenType 也是一种轮廓字体，比TrueType 更为强大，并且还支持多个平台，支持很大的字符集，还有版权保护。可以说它是Type 1和 TrueType 的超集。
OpenType标准定义了 OpenType 文件名称的后缀名：
大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：…
body {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}iOS 4.0+ （iOS 9以下系统已经非常少） 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi。…
注意系统默认字体和浏览器默认字体这个差别。
font: 14px/1.6
/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,
/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;某天（2016.07.12）发现GitHub的字体比原来宽了一些，打开开发者工具一看，字体设置中多了两个奇怪的玩意：
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-apple-system，BlinkMacSystemFont是什么东东？根据Webkit博客，-apple-system…
各大主流网站使用的字体
#字体 font: 12px/1.5 tahoma, arial, Microsoft YaHei, Hiragino Sans GB, sans-serif; .简书: font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; .微博: font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",…
如果你使用的Windows XP操作系统，在浏览中文网页时，你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库，而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代，Windows系统的默认字体变成了微软雅黑，于是，所有的中文网站上的汉字使用的字体都是微软雅黑。
网页上的汉字显示时使用的字库可以用CSS指定(font-family)，比如说，你不喜欢微软雅黑，你的电脑里安装了另外一种字体，叫做“徐静蕾手写体”，你想用这种字体来显示你的网页上的汉字，你看可以在CSS里这样写：…
近期评论