Question

我一直在使用Google Webfont loader以漂亮的字体显示我网站的部分内容。我有这部分工作正常，我的所有<p>显示我想要的字体。但是，我希望只有一些类<p>（即<p class="someclass">）用webfonts显示，然后其余的用常规字体显示（即不是Google Webfonts）。实现这一目标的最佳途径是什么？目前，我正在使用这个

<script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'McLaren' ] }
      };
      (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>
    <style type="text/css">
      .wf-loading p.someclass {
        font-family: serif
      }
      .wf-inactive p.someclass {
        font-family: cursive
      }
      .wf-active p.someclass {
        font-family: 'McLaren', cursive
      }
    </style>

以及整个页面中的所有<p>都显示了麦克拉伦＆＃39;字体。我确定我对CSS选择器做了一些愚蠢的事情，但我不太确定是什么。

非常感谢任何帮助。感谢

Answer 1

首先，你不一定需要js版本的谷歌字体，我刚刚通过CSS链接它们，我没有加载问题。其次，有人需要看到你的实际html的身体，但你不需要p前缀只是将字体添加到你的类.someclass{font-family:cursizve;}也像我说使用css伪类更好地工作和更轻松的客户端

如何仅针对特定段落类使用Google Webfont加载程序？

1 个答案: