Web常用字体

前端之家收集整理的这篇文章主要介绍了Web常用字体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

简介

5种字体类型:serif(衬线)、sans-serif(无衬线)、monospace(等宽)、fantasy(梦幻)、cuisive(草体)

西文常用

sans-serif: 无衬线字体
Arial (win和Mac), helvetica (Mac下佳),

serif: 衬线字体
Georgia,Times

中文常用

Windows操作系统:
sans-serif(无衬线字体):
微软雅黑:Microsoft YaHei (Windows 7开始提供)
微软正黑(Microsoft JhengHei)
黑体:SimHei
serif(衬线字体):
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋GB2312:FangSongGB2312
楷体GB2312:KaiTiGB2312

OS X操作系统:
sans-serif(无衬线字体):
苹方(PingFangSC-Regular)
冬青黑体: Hiragino Sans GB (SNOW LEOPARD开始提供)
华文细黑:STHeiti Light (又名STXihei)
华文黑体:STHeiti
serif(衬线字体):
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong

CSS的font-family命令

font-family: Arial,helvetica,"Microsoft JhengHei","微软正黑","Microsoft YaHei","微软雅黑","PingFangSC-Regular","苹方-简",STXihei,"华文细黑",sans-serif;

它的规则有三条。
(1)优先使用排在前面的字体。
(2)如果找不到该种字体,或者该种字体不包括所要渲染的文字,则使用下一种字体。
(3)如果所列出的字体,都无法满足需要,则让操作系统自行决定使用哪种字体。

根据这些规则:
1)font-family应该优先指定英文字体,然后再指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体,这往往很丑陋。
2)为了保证兼容性,中文字体的中文名称和英文名称,应该都写入font-family。比如,"微软雅黑"的英文名称是Microsoft YaHei。
3)中文字体的中文名称,以及由多个单词组成的英文名称,应该放在双引号内。
一般来说,衬线体装饰性强,往往用于标题;无衬线体清晰度好,往往用于正文。

相关链接




原文链接:https://www.f2er.com/note/421417.html

猜你在找的程序笔记相关文章