为什么要在全局范围内声明@font-face，而不是在阴影DOM之外？

在前端开发中，@font-face是一种CSS规则，用于声明自定义字体。它允许开发者使用非系统自带的字体文件，实现网页中独特的字体样式。在使用@font-face时，通常建议在全局范围内声明，而不是在阴影DOM之外。

声明@font-face在全局范围内具有以下优势和应用场景：

1. 一次声明，全局使用：将@font-face声明放在全局范围内，可以确保在整个网页中都能使用自定义字体，而无需在每个具体的DOM元素或样式中单独声明。这样可以提高开发效率和代码的简洁性。
2. 统一字体样式：全局范围内的@font-face声明可以确保整个网页的字体样式一致。无论在哪个地方使用该字体，显示的效果都是相同的。这对于保持网页的一致性和提供良好的用户体验非常重要。
3. 跨域使用字体文件：在全局范围内声明@font-face可以解决字体文件跨域访问的问题。如果@font-face声明在阴影DOM之外，由于阴影DOM的特性，可能导致字体文件无法正确加载和显示。而全局声明可以确保字体文件能够在整个网页中正常加载和使用。

推荐的腾讯云相关产品和产品介绍链接地址：

1. 腾讯云字体库：腾讯云字体库是一个提供各类优秀中英文网页字体的在线服务。可以通过腾讯云字体库获取到相关字体的CSS样式链接，直接在@font-face声明中使用。

综上所述，全局范围内声明@font-face能够统一网页的字体样式，提高开发效率，解决字体文件跨域访问的问题。这是为什么要在全局范围内声明@font-face的原因。