关于外部字体引用失败，但是又没完全失败

[ShowUNow]

大致范围：
外部字体引用的问题

具体行为描述：
我已将我我下载的字体文件.ttf格式通过 网站 转换成了.woff2格式并生成了对应的css文件
（关于为何不用参考文档给出的网站：一个月48好贵消费不起qwq）

你的问题具体是什么？
使用的是这部分的功能

尝试：
在填写完对应的字体名称和链接之后，并且在

这一部分使用该字体
在Windows、Android、HarmonyOS系统上均无法显示出指定的字体，如

但是在iOS系统上的浏览器就可以正常显示，已测试iPhone和iPad均可

配置与环境：

• 问题页面：主页
• PHP 版本：7.4
• 数据库类型 / 版本：mysql:5.7
• WordPress 版本：6.6.2
• 主题版本：2.7.2
• 使用的插件：Canvas-Nest.js、Google Analytics for WordPress by MonsterInsights、WordPress 导入工具、WP Statistics（逐一禁用后未发现是插件原因）
• 浏览器：Chrome（已尝试在除iOS设备上无痕模式下和我朋友电脑上均无法正确加载字体）

补充信息：
我已查阅了参考文档
如果是写成第一种，那就是我上述所说的只有在iOS的设备上的浏览器可以正确加载字体
如果是写成第二种（我看参考文档好像是这个意思），那么所有设备都无法正确加载字体

也许我引用的不对，希望有大佬能够为我指点迷津，感激不尽！

[github-actions]

@ShowUNow，感谢你给 sakurairo 提出了 issue。ヾ(≧▽≦*)o
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[github-actions]

任何人都可以处理此问题。
请务必在您的 pull request 中引用此问题。
感谢你的贡献! (o゜▽゜)o☆

[nicocatxzc]

跨域资源调用问题，安卓、windows和华为的系统浏览器大多基于chromium，会严格遵守跨域资源调用的规则，

如果你使用的是nginx或者openresty，
请在静态资源服务器配置加上
add_header Access-Control-Allow-Origin '*' always;
以允许所有外部访问，具体限制域名访问请自行查找网络教程
示范：

使用了cdn请自行在cdn提供商进行配置

[nicocatxzc]

如果不熟悉相关配置，把文件放到pages服务（比如github pages、cloudflare pages、netlify pages）或者您的wordpress的本站目录并引用也是一种选择

[ShowUNow]

跨域资源调用问题，安卓、windows和华为的系统浏览器大多基于chromium，会严格遵守跨域资源调用的规则，

如果你使用的是nginx或者openresty， 请在静态资源服务器配置加上 add_header Access-Control-Allow-Origin '*' always; 以允许所有外部访问，具体限制域名访问请自行查找网络教程 示范： 使用了cdn请自行在cdn提供商进行配置

成功了！太感谢您了，这个问题困扰了我很久，查阅了很多资料和询问ai都无果。但是按照您说的在nginx配置中添加了
add_header Access-Control-Allow-Origin '*' always;
问题成功得以解决！

我还有一个小问题，如果您有空的话，能不能帮我查看一下我主页封面图的话的切换功能是否正常，图片的切换感觉并不丝滑。但是我调用的外部随机图库中的图片均为webp格式，每个图片文件的大小至少90%都在1MB以内，极少数会在2到3MB，并且已在nginx的配置中开启了接受跨域请求

 # 添加 CORS 头
        add_header Access-Control-Allow-Origin '*' always;
        add_header 'Access-Control-Allow-Origin' '*';  # 允许所有域访问
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';  # 允许的请求方法
        add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept';  # 允许的请求头

        # 处理 OPTIONS 请求
        if ($request_method = OPTIONS) {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept';
            add_header 'Content-Length' 0;
            return 204;  # 不返回内容
        }

并且提供图库的服务器为阿里云香港服务器，带宽1000Mbps，三网平均延迟都在50ms左右（如果您也不太清楚的话也无所谓，反正无伤大雅 :-)

[nicocatxzc]

这几个资源也标红了，你注意一下

[ShowUNow]

这几个资源也标红了，你注意一下

谢谢解决了！原因是必须使用单独的域名而不能加路径，我通过手机端和桌面端使用两个不同的新域名成功地解决了这个问题。
不好意思计算机知识学艺不精，麻烦你了，谢谢 :-)