PrestaShop模块插入Google字体链接报404,手动访问正常的问题咨询
解决PrestaShop中Google字体链接报404但手动可访问的问题
问题根源
你提供的Google字体链接存在URL参数结构错误:
原链接里,subset参数后误用了?ver=8739——?只能用来标识查询参数的起始,后续所有参数都必须用&连接。浏览器解析时会把subset=latin%2Clatin-ext?ver=8739当成一个无效参数值,导致Google Fonts服务器返回404;而手动输入URL时,浏览器会自动修正参数格式,所以能正常访问。
修正方案
把链接中的?ver=8739改为&ver=8739(HTML环境下&需要转义为&),修正后的完整代码如下:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700,100,200,800,900%7CDM+Serif+Display:regular,italic&subset=latin%2Clatin-ext&ver=8739" type="text/css" media="all">
额外建议
- 优先使用官方生成代码:直接从Google Fonts官网生成嵌入链接,避免手动拼接参数导致格式错误。
- 预连接优化加载:可在
<head>中添加预连接标签提升字体加载速度(非解决404必需,但能优化前端性能):<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
内容的提问来源于stack exchange,提问作者PabloDK
相关产品推荐
相关产品推荐

