本文介绍了如何使用 Font Face Observer（一个网络字体加载器）来自定义网络字体的加载行为，包括分组加载、队列加载，以及如何限制字体的加载时间，如何控制浏览器的字体显示行为。

title:字体文件走CDN跨域date:2018-07-1110:45:00tags:防坑指南categories:防坑指南以下为解决方案：知识就像内-裤，看不见但很重要。如上，文字是由base64

日常开发网页经常会使用一些特殊字体，本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧

添加字体不应该对性能产生负面影响。在本文中，我们将探讨在 Vue 应用程序中加载字体的最佳实践。正确声明font-face的字体确保正确声明字体是加载字体的重要方面。这是通过使用 font-face

Web 项目中，使用一个适合的字体能给用户带来良好的体验。但是字体文件这么多，如果设计师或者开发人员想要查询字体，只能一个个打开，非常影响工作效率。因此，我负责的平台项目刚好需要实现一个功能，能够支持根据固定文字以及用户输入预览字体。在实现这一功能的过程中主要解决两个问题： 现…

你该知道的字体 font-family。 该篇文章基本没有太多移动端的字体选择及分析。并且过了这么久，如今的 Web 字体又有了一些新的东西，遂有此文。 正文从这里开始。 作为前端的一个习惯，浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站…

我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。 一般的中文字体都要8-10M，相对于整个工程来说…

我们知道，中文字体包一般都比较大，但很多前端页面，尤其是一些活动页面，又经常会引用一些自定义的字体包，那在这些字体包加载完成之前，使用该字体的文字会以什么行为渲染很可能会影响页面的展示效果。 有些浏览器默认会出现无墨渲染，即在下载完成前就不出字了。而不同的需求可能会需要在此场景…