html - 如何在CSS语句中使用 "Monotype Corsiva"字体？

Question

我不确定它是什么字体，但我假设它是 Monotype Corsiva(如果我错了，请纠正我)，这是我当前的 CSS，它似乎不起作用，因为字体没有改变一点

CSS:

<div style="font-family:Monotype Corsiva, Times, Serif; background-color:#74b3bc; height:46px; minSize=10;maxSize=100;">

Answer 1

如果你查看谷歌字体，我相信你会发现类似的东西。下面是使用 Google 网络字体和名为“Cookie”的字体的示例，它非常相似。

首先将其放入您的页面...

 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  <script>
    WebFont.load({
      google: {
        families: ["Cookie:regular"]
      }
    });
</script>

然后在您的实际网页中使用它，将其包含在您的 CSS 中，如下所示。

body {
   font-family: "Cookie"
}

如果您确实查看了 google 字体，则可以使用上面的 javascript 代码添加任意数量的字体，只需在每种字体之间添加一个逗号，并确保它们像这样用引号引起来...

 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  <script>
      WebFont.load({
      google: {
      families: ["Lato:100,300,400,700,900","Karla:regular","Cookie:regular"]
    }
    });
</script>

而 100,300,400,700,900 - 是字体粗细，因此通过在这里声明它，您可以在 CSS 中使用它。

为了安全起见，这里有一个 JSFiddle

享受吧:)