文章标签

缩减 Font Awesome 以提升性能

Font Awesome 是一个非常受欢迎的图标库。不幸的是，它很容易以一种导致性能不佳的方式使用。通过缩减 Font Awesome，我们可以从它提供的字体文件中删除任何未使用的字形。这将…

Adam Rackis 于 2022 年 2 月 17 日

Web 字体的流程很简单，对吧？选择一些好看的网络就绪字体，获取 HTML 或 CSS 代码片段，将其放入项目中，然后检查它们是否正确显示。人们使用 Google Fonts 做这件事无数次…

Adrian Bece 于 2020 年 12 月 6 日

Dave 的真知灼见

我，Dave Rupert，一个关心 Web 性能的人，一个阅读 Web 性能博客的人，一个花费大量时间努力跟上最佳实践的人，一个共同主持…

…

Chris Coyier 于 2020 年 3 月 27 日

作为一名为全球客户工作的前端开发人员，我一直难以处理多语言网站——尤其是同时使用从右到左 (RTL) 和从左到右 (LTR) 的情况。也就是说，我在这方面学到了一些东西，并将分享一些…

Omar Bourhaouta 于 2020 年 3 月 10 日

Zach Leatherman 与 Chris 密切合作，为这个您正在阅读的网站确定了字体加载策略。Zach 在这篇撰文中向我们介绍了设计，并分享了可应用于其他项目的技巧。

**剧透警告：**…

Robin Rendle 于 2019 年 7 月 9 日

Google 在 I/O 上宣布，他们的字体服务现在将支持font-display 属性，该属性解决了多个 Web 性能问题。如果您听到欢呼声，那可能是 Chris 正在庆祝时挥舞拳头。他一直想要…

Robin Rendle 于 2019 年 5 月 17 日

本文旨在作为开发人员学习 Web 排版的实用指南。我们将涵盖一系列实用且有用的主题，例如如何在 Web 上选择和使用自定义字体，但更重要的是，如何布局文本以创造愉悦的用户体验。我们将介绍排版的原则以及控制它们的 CSS 属性，以及快速获得良好结果的实用技巧。

Taimur Abdaal 于 2019 年 9 月 10 日

来自Divya 的设置的大量内容

使用 Web 字体时会出现两种问题；不可见文本闪烁 (FOIT) 和未设置样式文本闪烁 (FOUT)…如果我们要比较它们，FOUT 是…

…

Chris Coyier 于 2018 年 12 月 21 日

嗨！整篇文章都是关于 2019 年 5 月之前的一段时间，当时 Google Fonts 无法提供在不自行托管字体的情况下使用 font-display 的方法。

要使用 Google Fonts 中的 font-display，您需要在…中包含一个 URL 参数，例如&display=swap。

Chris Coyier 于 2021 年 4 月 12 日