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;
修复步骤
- 修正字体链接的格式,去掉
?后的多余空格:
<link href="https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap" rel="stylesheet">
- 在CSS中使用正确的字体名写法:
.your-class { font-family: 'East Sea Dokdo', sans-serif; }
内容的提问来源于stack exchange,提问作者David
相关产品推荐
相关产品推荐

