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

Question

我可以在特定字体下调用google字体API的所有CSS吗？

我这里有8种不同字体的“四角体”，下面的链接只调用字体样式正常的CSS，

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

第二个链接调用400斜体样式：

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

然而，我喜欢调用所有的CSS，其中包含所有8种不同的样式，只有单一的链接。

所以我在想:使用(*)所有

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

您知道如何调用所有的CSS吗？

Answer 1

试试这个例子: standart：

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

@进口：

 `@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;

Answer 2

不包括单独的链接：

• 相反，再转到google字体
• 开式四角字体
• 添加任何字体所需的重量和样式
• 然后，将此代码添加到您的网站中。

链接如下：

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

Answer 3

以此为例：

<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'>

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