You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Google Fonts多字体声明异常:East+Sea+Dokdo字体无法生效求助

问题原因分析

1. Google Fonts链接存在格式错误

你引入East Sea Dokdo字体的链接里,?和family之间多了两个空格:

<link href="https://fonts.googleapis.com/css2?  family=East+Sea+Dokdo&display=swap" rel="stylesheet">

这会导致服务器无法正确解析family参数,相当于没有指定要加载的字体,自然无法在CSS中调用。

2. CSS中字体名的写法错误

即使链接修复,你当前用的font-family:East+Sea+Dokdo也是错误的:

  • Google Fonts的URL里用+替换字体名中的空格是URL编码的要求,但在CSS中需要使用字体的原始名称,也就是带空格的East Sea Dokdo
  • 由于字体名包含空格,必须用单引号或双引号包裹,正确写法应为:
font-family: 'East Sea Dokdo', sans-serif;

修复步骤

  1. 修正字体链接的格式,去掉?后的多余空格:
<link href="https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap" rel="stylesheet">
  1. 在CSS中使用正确的字体名写法:
.your-class {
  font-family: 'East Sea Dokdo', sans-serif;
}

内容的提问来源于stack exchange,提问作者David

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.06 11:25:26