Question

我可以在特定的font-face下调用google font API的所有CSS吗？

我在这里＆＃34; Quattrocento Sans＆＃34;有8种不同的字体样式，下面的链接只调用CSS，字体样式只是正常的，

 <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>

这第二个链接调用400italic风格：

  <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400italic' rel='stylesheet' type='text/css'>

但是我喜欢只使用单链接调用包含所有8种不同样式的所有CSS。

所以我想这样的事情：使用（*）所有

  <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:*' rel='stylesheet' type='text/css'>

有没有想过如何为此调用所有CSS？

Answer 1

不要包含单独的链接：

而是再次转到谷歌字体
打开Quattrocento Sans字体
添加该字体所需的重量和样式
并将此代码添加到您的网站

链接如下：

<link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic' rel='stylesheet' type='text/css'>

Answer 2

以此为例：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800italic|Roboto:400,500,900|Oswald:400,300|Lato:400,100' rel='stylesheet' type='text/css'>

这样你就可以在一个特定的链接中收集它们。

Answer 3

试试这个例子：标准：

<link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

@import：

 `@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic&subset=latin,latin-ext);`

javascript：

 <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Quattrocento+Sans:400,400italic,700,700italic:latin,latin-ext' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script>

使用：font-family: 'Quattrocento Sans', sans-serif;

如何在特定字体下调用所有Google字体CSS

3 个答案: