CSS: 跨平台 CSS 中文字体解决方案

今天有个微博网友报告了我们 Fireball Studio 的网页的中文显示问题，直觉告诉我，我们遇到了 CSS 中文显示在其他语言环境下的显示问题。一问果然如此，该网友是在 macOS 系统下使用日文语言的。

之前 Fireball Studio 的主页 CSS 的 font-family 写得确实有点简单，没有考虑到不同语种下的中文语言显示情况。于是我简单地去修复了一下，现在不仅可以在日本语言下正确显示，也可以在 Linux、Windows 等系统下显示正常。

font-family: Futura, "Trebuchet MS", Arial, sans-serif;

改成了

font-family: Futura, "Georgia", "Xin Gothic", "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
font-weight: 500;

当然，这还不够完美，只是 Fireball Studio 主页字体选型比较统一：均是粗体，因而可以这么写。假如我们需要更自定义化的字体使用，要怎么去做？这里有一个不错的项目可以参考：

zenozeng/fonts.css

这个项目考虑到了 macOS、Windows 和 Linux，以及中日韩 CJK 语言下的中文显示效果，效果会相当统一，值得学习。