web中font字体研究

Posted on   |   In ,   |  

最近一直在优化悠客生鲜以及我自己的网站，发现之前字体一直出问题比较丑，决定深入一下字体方面的知识

tip

中文字体尽量不要使用@font-face,主要是中文字体的文件一般比较大，使用起来不是很划算，西文字体还是可以用的，毕竟只有26个字符

建议使用字体

mac

  • 冬青黑体 Hiragino Sans GB
  • 黑体-简 Heiti SC
  • 华文黑体 STHeiti

Windows

  • 中易宋体 SimSun
  • 微软雅黑 Microsoft YaHei

Linux

  • 文泉驿微米黑 WenQuanYi Microhei

iOS

  • 黑体-简 Heiti SC
  • 华文黑体 STHeiti

android

  • 思源黑体 Noto Sans CJK SC
  • Droid Sans Fallback

使用方法

font-family: Helvetica, Tahoma, Arial, STXihei, " 华文细黑 ", "Microsoft YaHei", " 微软雅黑 ", sans-serif;
  1. 对于英文字符，首先查找Helvetica(Mac)，然后查找Tahoma(Win)，都找不到就用Arial(Mac&Win)；若是以上三者都缺失，则使用当前默认的sans-serif字体 (操作系统或浏览器指定)；
  2. 对于中文字体，我们已经了解其规则了。华文细黑(Mac)，微软雅黑(Win) 是这两个平台的默认中文字体。

参考文献

这两篇文章讲的非常好