文章标签

font-display 属性定义了浏览器如何加载和显示字体文件。它应用于 @font-face 规则，该规则在样式表中定义自定义字体。

@font-face {
  font-family: 'MyWebFont'; /* Define the custom font name */
  src:  

又到了我们配对录制视频的时间了！这次，我邀请了来自 Filament Group 的 Zach Leatherman。过去几年，Zach 在网页字体加载方面做了很多研究、写作和演讲。他有一篇关于 … 的 综合指南。

更新时间：2017 年 1 月 12 日：现在文章正文中包含了正确的支持检查。添加了有关 block 值的信息。一些细微调整和文字修改。尽情享受！

如果您是 CSS-Tricks 的常客，您很可能知道 …

我希望您用您最棒的 Seinfeld 腔调大声读出这个标题。

我们论坛上的一个 最近的问题 让我想起来，除了常用的 font-family 和 src 之外，还可以将更多属性添加到 @font-face 中。…

Zach Leatherman 概述了一种新的网页字体加载方法，该方法可以将加载过程分解为两个阶段

…而不是在第一阶段加载完整的罗马网页字体，它加载了罗马网页字体的一个小子集，在 …

Typekit 已更新了 WebFont Loader 项目，以支持新的 CSS 字体加载 API

在引入原生 API 之前，我们通过在页面中插入测试元素来检测字体加载。这些元素会定期轮询

字体爱好者 Tim Brown 撰写了一篇很棒的文章，介绍了如何使用网页字体的 OpenType 功能来实现排版增强。这些添加可以很细微，例如连字符和小型大写字母，但其他工具，例如字距调整 …

Type lockup 是一种排版设计，其中单词和字符的样式和排列非常特定。就像设计被严格地锁定在位。这个概念与我们熟知的响应式网络略有冲突，…

Nick Sherman 本月早些时候在 Ampersand 上做了一个精彩的演讲，演讲基于他写的一篇文章，名为 Variable Fonts for Responsive Design。在演讲和文章中，他都提议我们需要一种新的 …