---
title: 网页安全字体
date: '2017-07-03'
slug: web-safe-fonts
---

所谓网页安全字体（web safe fonts），就是基本上能保证所有用户看见的是类似的字体，也就是说他们的操作系统里以很大概率自带了这些字体。[传统的安全字体](https://www.w3schools.com/cssref/css_websafe_fonts.asp)大概多数人都已经看厌了，比如 Times New Roman、Arial 之类的。现在时兴使用网络字体，比如 Google 的那些字体，但网络字体的问题就是需要额外下载，所以会延迟页面的加载。

昨天我再搜网页安全字体的时候，发现了这个叫 [CSS Font Stack](http://www.cssfontstack.com) 的网站。嘿，貌似不需要再玩网络字体了，因为有些我觉得还挺好看的字体在瘟到死系统中存在的概率已经很大了。我个人比较喜欢衬线字体，因为显得有个性，但多数网页都会选择中庸的非衬线字体。在非衬线字体中，我也发现几款我比较中意的，比如瘟到死下的 Calibri、苹果下的 Optima，都比较清秀犀利；尽管笔划末端没有棱角，但笔划弧度和粗细变化都很有个性，有点衬线字体的感觉。

我觉得字体是网站样式的灵魂，所以我在写 CSS 的时候，相当大一部分时间都会花在调整字体上。当然，我自己的审美趣味比较奇怪，花了时间未必别人能认同，但如果是自己的个人网站，就不需要管那么多了，自己看着顺眼才有勇气码字。
