0

我一直在使用Google Webfont 加载器来用漂亮的字体显示我网站的某些部分。我的这部分工作正常，我所有的<p>节目都用我想要的字体。但是，我希望只使用 webfonts 显示某些类<p>（即<p class="someclass">），然后使用常规字体（即不是 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>整个页面都以“McLaren”字体显示。我确定我在使用 CSS 选择器做一些愚蠢的事情，但我不太确定是什么。

任何帮助将不胜感激。谢谢

4

1 回答 1

0

首先，您不一定需要 Google 字体的 js 版本，我刚刚通过 css 将它们链接起来，并且没有加载问题。其次，有人需要查看您的实际 html 正文，但您不需要 p 前缀，只需将字体添加到您的类中，.someclass{font-family:cursizve;}就像我说的那样，使用 css 伪类可以更好地工作，并且在客户端上更轻松

于 2012-08-20T14:58:35.623 回答