Html 如何在CSS语句中使用“Monotype Corsiva”字体?

Html 如何在CSS语句中使用“Monotype Corsiva”字体?,html,css,fonts,Html,Css,Fonts,我不确定它是什么字体,但我假设它是一个单一类型的Corsiva。如果我错了,请纠正我。这是我当前的CSS,它似乎不起作用,因为字体没有一点变化 CSS: 如果你看看谷歌字体,我相信你会发现类似的东西。下面是一个使用GoogleWeb字体和一种叫做Cookie的字体的例子,它非常类似 首先把这个放在你的页面上 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script

我不确定它是什么字体,但我假设它是一个单一类型的Corsiva。如果我错了,请纠正我。这是我当前的CSS,它似乎不起作用,因为字体没有一点变化

CSS:


如果你看看谷歌字体,我相信你会发现类似的东西。下面是一个使用GoogleWeb字体和一种叫做Cookie的字体的例子,它非常类似

首先把这个放在你的页面上

 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  <script>
    WebFont.load({
      google: {
        families: ["Cookie:regular"]
      }
    });
</script>
如果您确实查看了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>
100300400700900-是字体的重量,所以在这里声明它可以在css中使用

为了安全起见,这里有一个


享受:

如果你浏览谷歌字体,我相信你会发现类似的东西。下面是一个使用GoogleWeb字体和一种叫做Cookie的字体的例子,它非常类似

首先把这个放在你的页面上

 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  <script>
    WebFont.load({
      google: {
        families: ["Cookie:regular"]
      }
    });
</script>
如果您确实查看了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>
100300400700900-是字体的重量,所以在这里声明它可以在css中使用

为了安全起见,这里有一个


享受:

这部分代码是正确的。样式表后面会有语法错误,但它们不会阻止声明字体系列:Monotype Corsiva、Times、Serif生效。如果用户的计算机上安装了这种字体,它会导致使用Monotype Corsiva。很明显,您测试此功能的计算机没有该字体。

这部分代码是正确的。样式表后面会有语法错误,但它们不会阻止声明字体系列:Monotype Corsiva、Times、Serif生效。如果用户的计算机上安装了这种字体,它会导致使用Monotype Corsiva。显然,您测试此脚本的计算机没有该字体。

添加此脚本

<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>
然后添加此样式

<h2 style="font-family: Cookie;">Example</h2>
添加此脚本

<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>
然后添加此样式

<h2 style="font-family: Cookie;">Example</h2>
确保字体已下载并安装在服务器上。 在CSS中,您可以编写这个简单的代码。它会起作用的。对我来说是的。 字体系列:“Monotype Corsiva”; 确保字体已下载并安装在服务器上。 在CSS中,您可以编写这个简单的代码。它会起作用的。对我来说是的。
字体系列:“Monotype Corsiva”;你真的下载了字体,把它转换成一个字体工具包,并把它添加到你的css中了吗?如果没有,谷歌搜索谷歌字体monotype corsiva-默认情况下,浏览器只支持一小部分字体。剩下的你必须自己加载。同样,这种字体是版权所有的,不能免费使用。请看这里:它可以正常工作。您是否下载了字体,将其转换为字体工具包并将其添加到css中?如果没有,谷歌搜索谷歌字体monotype corsiva-默认情况下,浏览器只支持一小部分字体。剩下的你必须自己加载。同样,这种字体是版权所有的,不能免费使用。请看这里:它在上运行得很好。这不能回答所问的问题。这不能回答所问的问题。