Question

我想使用名为Cormorant Garamond的Google字体，但我似乎无法使用@ font-face命令来执行我想要的操作。我已经按照说明（https://coderwall.com/p/5vrdkg/google-fonts-using-fontface-in-your-css）了，现在我的一个（多个）css文件中有一个声明，如下所示：

/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url(https://fonts.gstatic.com/s/cormorantgaramond/v3/EI2hhCO6kSfLAy-Dpd8fd8lWqVXdZDPPgQrkuJ8lbib3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; 
}

这是正确的，就在＆＃39;身体之前。声明

然后再往下我有这个：

.collection-editorial p {
    font-family: 'Cormorant Garamond', Arial;
    line-height: 110%;
    text-align: left !important;
}

当我加载页面（使用Chrome）时，它显然显示Arial。然而，使用检查器，我在控制台中看到没有错误，并查看＆＃34;计算的＆＃34; css规则，我可以看到它显然应该是Cormorant Garamond（即css规则似乎正确应用）。但显然它并不是正确的。我必须错过一些技巧，但是什么？

Answer 1

要将该字体嵌入网页，请将此代码复制到HTML文档的<head>。

<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">

然后，使用以下CSS规则指定此系列：

font-family: 'Cormorant Garamond', serif;

如何使用@ font-face加载Google网络字体？

1 个答案: