【CSS in Depth 2 精译_076】12.4 @font-face 的工作原理当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面提供字体服务的网站把添加字体的工作做得如此简单易用，但我们仍然有必要了解一下它们是怎么实现的。先来看看谷歌提供的 CSS 文件。在浏览器中打开 URL https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Sansita:wght@800&display=swap，就可以看到对应字体的 CSS 样式。我们复制其中的一部分，如代码清单 12.8 所