TAG / 3 篇

前端，
相关的思考。

同一标签下的文章，方便顺着一根线头读下去。

我把中文字体切成 21 片，首屏还是下了 383KB

unicode-range 分片是中文 webfont 的标准解法，我照着做了。上线后量了一次：首屏取回 13 个切片、383KB，而被设计成「首屏关键」的那一片从来没被下载过。修完之后，同一个脚本又把整站的 CSS 变量搞崩了一次。

-0.075em 的 letter-spacing 放在拉丁大标题上很好看，放在中文大标题上会把全角标点挤没。这是我在 112px 的标题下量到的事，以及最后的处理方式。

一个个人站的技术选型记录：内容用 Markdown 在构建期内联，页面用 React 服务端组件渲染，产物用 systemd 跑在一台自托管服务器上。包含真实的性能账本和还没还的债。