Inlining of fonts failed. An error has occurred while retrieving https://fonts.g

n `npm audit` for details.
✔ Browser application bundle generation complete.
✔ Copying assets complete.
✖ Index html generation failed.
Inlining of fonts failed. An error has occurred while retrieving https://fonts.googleapis.com/css ... 00&display=swap over the internet.
getaddrinfo EAI_AGAIN fonts.googleapis.com

根据您提供的错误信息和当前附件内容，我来分析并给出解决方案：

问题分析
‌核心错误‌：

字体内联失败：Inlining of fonts failed
网络连接问题：getaddrinfo EAI_AGAIN fonts.googleapis.com
具体表现为无法获取Google Fonts的Roboto字体CSS文件
‌当前附件内容‌：

包含完整的Roboto字体CSS定义（来自fonts.googleapis.com）
显示该字体通过多个@font-face规则加载不同字符集的woff2文件
解决方案
‌一、临时解决方案（绕过网络问题）‌

‌使用本地字体文件‌：

将附件中的CSS内容保存为本地文件（如roboto-fonts.css）
修改应用配置，改为引用本地文件路径而非Google Fonts URL
‌修改构建配置‌：

javascript
Copy Code
// 在构建配置中禁用字体内联
module.exports = {
  build: {
    fontInline: false
  }
}
‌二、根本解决方案‌

‌检查网络连接‌：

确认服务器能访问fonts.googleapis.com（尝试ping fonts.googleapis.com）
检查DNS设置和防火墙规则
‌使用CDN备用方案‌：

html
Copy Code
<!-- 使用国内CDN镜像 -->
<link href="https://cdn.jsdelivr.net/npm/roboto-fontface@0.10.0/css/roboto/roboto-fontface.css" rel="stylesheet">
‌自托管字体‌：

下载所有woff2字体文件（附件中列出的URL）
部署到自己的CDN或静态资源服务器
修改CSS中的URL指向自托管地址
‌三、字体加载优化建议‌

使用font-display: swap避免渲染阻塞：

css
Copy Code
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  /* 其他属性保持不变 */
}
按需加载字体变体（当前附件显示加载了400字重的常规体）

错误详细说明
EAI_AGAIN错误表明DNS查询超时，通常由以下原因引起：

服务器网络配置问题
Google Fonts服务被屏蔽
本地DNS服务器故障
建议优先检查服务器到fonts.googleapis.com的网络连通性。如果问题持续，采用自托管方案是最可靠的解决方式。
参考