当我选择所有h1,h2,h3时,Google字体无效

时间:2018-05-15 08:35:43

标签: html css google-fonts

我正在尝试通过在我的CSS顶部选择所有标题标记和p标记,将几种Google字体导入到我的HTML / CSS中。例如:

h1 h2 h3 {
  font-family: 'Trade Winds', cursive;
}

但这不起作用。我三重检查,我在文件中的任何地方都没有其他字体系列规则,所以它不会被我或任何其他链接文件覆盖。当 直接应用于其他一些规则时, 工作

section {
        margin-top: 20px;
        padding: 15px;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(100, 100, 100, 0.78);
        grid-column: 2/3;
        display: grid;
        font-family: 'Trade Winds', cursive;
}

但我显然不倾向于对每个相关规则集进行硬编码,因为这只是多余的。我错过了CSS标签选择器的工作方式吗?

1 个答案:

答案 0 :(得分:6)

你需要用逗号分隔你的h标签,所以

h1 h2 h3 {
  font-family: 'Trade Winds', cursive;
}

应该是

h1, h2, h3 {
  font-family: 'Trade Winds', cursive;
}