我的CSS文件有一个小问题。我在CSS的顶部导入了一个Google字体，但是字体名称以“Black”开头。所以当我在font-family中使用字体时，CSS将其标识为颜色而不是字体。有什么办法可以纠正这个问题吗？
font-family
CSS文件：
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans'); .home-header h1{ font-family: Black Hans Sans; }
cwxwcias1#
您的font-family中有一个打字错误，它是黑色HanSans，而不是Hans。
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans'); .home-header h1 { font-family: Black Han Sans; }
<div class="home-header"> <h1>Black Han Sans</h1> </div>
否则，也可以用引号将族名称括起来。根据MDN的说法，这也是"良好实践"：引用包含空格、数字或除连字符以外的标点字符的字体系列名称是一种很好的做法。https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#valid_family_names一个二个一个一个
1条答案
按热度按时间cwxwcias1#
您的
font-family中有一个打字错误，它是黑色HanSans，而不是Hans。否则，也可以用引号将族名称括起来。
根据MDN的说法，这也是"良好实践"：
引用包含空格、数字或除连字符以外的标点字符的字体系列名称是一种很好的做法。
https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#valid_family_names
一个二个一个一个