1. 引子 2. 常见的垂直居中的方法 下图是一个使用各种常见的垂直居中的方法来居中文字的示例，其中涉及到不同字体的混排，可以看出，虽然这里面用了几种常用的垂直居中的方法，但是在实际的观感上这些文字都没有恰好垂直居中，有些文字看起来比较居中，而有些文字则偏移得很厉害。 我们用鼠…

众所周知，相对于英文字体，中文字体天生是“庞然大物”。英文字体两三百KB已经很大了，而中文字体几MB十几MB都算小的。一方面，中文字体包含的字形数量极多，动辄数以千计甚至万计，而英文字体则只需包含几十个基本字符和符号，哪怕支持多种语言及字符变体，容量达到三千多个字形已经算非常庞…

在上期文章里，我们介绍了字体文件的结构，也就是一系列的二进制表。在这一期里，我们关注的是这件事情：计算机中的数据是怎么表达文字形状的呢？让我们从点和线的概念开始吧： 我们已经知道，TTF 及其之后的字体标准，都支持对文字的平滑缩放。文字放大后那光滑的曲线固然是非常优美的，但它是…

在现代生活里，我们几乎每天都会和屏幕上的文字打交道——文字看起来是如此平凡，以至于不少与 UI 相关的专业人士都对其下的复杂性知之甚少。这个系列旨在以开发者的角度，介绍一些从文字的二进制数据到像素之间流程的科普知识，希望对感兴趣的同学能有一些启发。 喜欢折腾系统的同学，对于常见…

TTF字体你可能耳熟能详，但是它的底层数据是怎么存储的，相关的工具又有哪些，希望本篇文章能帮助大家增加一些奇怪的前端知识～