编码到文字的映射**。所以以前会有字体后面标注 `gbk` 的情况，就是 `gbk` 编码系统专用的字体，现在就不用说了，应该全是 Unicode 了吧。\n\n对于 CJK 字符（以及部分西方字符），同一个码点在不同地区，拥有不同字形（glyph）。而不是为每种语言都编码一个相同含义的字（grapheme），这种情况被称为 [Han unification](https://en.wikipedia.org/wiki/Han_unification)，主要是为了节省编码空间。值得注意的是，基于中文的汉字繁体和简体没有被归到同一个码点，所以繁简转换并非更换字体而是存在一个繁简映射表。\n\n![Image 6: 不同地区的字形区别](https://img.ssshooter.com/img/Source_Han_Sans_Version_Difference.svg)虽然有资料表明单个字体可以按不同区域显示不同的字形，但是实际上字体提供者都会分语言打包字体，因为将所有语言所有字符塞到一起太大了，尤其是对于网页使用的字体，打开页面要等待几十兆的字体下载体验会非常难受。\n\n举个例子，在下载 [Noto-cjk](https://github.com/notofonts/noto-cjk) 时，会推荐你按地区下载。如果非要下载 CJK 整个包，下载下来是一个 ttc 文件，实际上它也是多个 ttf 文件的集合，一个包整合了多个区域的异体字。\n\n```\n关关关关关\n```\n\n浏览器会遵循 `lang` 的指示使用各个语言的默认字体渲染这些文字，于是你就能看到不同语言间的字形差异了。不过注意，**如果你的网页字体被设置为某一语言的字体，且字体命中了当前字符浏览器就不会回退到其他语言的默认字体**，例如微软雅黑，是中文简体的默认字体，如果显式设置了 `font-family: Microsoft YaHei`，那么无论你 `lang` 设置为什么都会使用中文简体字形。\n\n字体的其他能力\n-------\n\n![Image 7: 谷歌文档上发现的奇妙连字](https://img.ssshooter.com/img/ligature/material-symbols-outlined.jpg)一天看谷歌文档发现了这种奇怪的 ICON，在复制他的时候会复制出原本的文字（也就是字符串 block）。事实上这是一款叫做 [Material Symbols Outlined](https://fonts.google.com/icons?selected=Material+Symbols+Outlined:favorite:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368&icon.platform=web) 的字体，他之所以能让一串字符显示出图标，是使用了一种被称为**连字**（ligature）的技术。简单来说就是匹配到一组字符的时候，会被自动替换为另一个字符。\n\n我们可以借助 FontForge 查看到连字配置，在菜单找到 `Ligatures`：\n\n![Image 8: FontForge 查看连字的路径](https://img.ssshooter.com/img/ligature/fontforge-check-ligature.jpg)就能看到详细配置：\n\n![Image 9: FontForge 连字详情](https://img.ssshooter.com/img/ligature/fontforge-check-ligature-list.jpg)谷歌文档这种 ICON 当连字不得不说是个非主流例子，更常见的[连字](https://en.wikipedia.org/wiki/Ligature_(writing))是拉丁字母 `fi`、`fl` 等的连写，以及一些代码编辑器专用字体会把 `!=`、`==`、`=>` 等符号连写，使其看起来更美观。\n\n类似的字体学问还有很多，再举一个例子：[使用字体实现 JavaScript 高亮显示](https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting/)，无 JavaScript 代码，无多余元素和 CSS，纯粹的字体实现。原理应该是字体文件定义的 [Chaining Contextual lookup](https://fontforge.org/docs/ui/dialogs/contextchain.html)，查出特定顺序的字符后替换为不同颜色的变体。\n\n复杂编码与编程\n-------\n\n在 Unicode 大一统之后，基本所有编程语言的字符串都是 Unicode 编码，JavaScript 也是如此。但之前也说过，一套 Unicode 码表可以编码成 UTF-8、UTF-16、UTF-32，而 JavaScript 在**内存中**使用的是 UTF-16。\n\n`charAt`

你在电脑上看到的字到底是怎么显示出来的？

Podcast Information

Roles

Scripts