0

私はGoogleWebfontローダーを使用して、Webサイトの一部を素敵なフォントで表示しています。私はこの部分をうまく機能させています、私の<p>ショーのすべては私が望むフォントで。ただし、一部のクラス<p>(つまり<p class="someclass">)のみをWebフォントで表示し、残りは通常のフォント(つまり、Google Webフォントではない)で表示したいと思います。これを達成するための最良の方法は何ですか?現時点では、これを使用しています

<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>、ページ全体に「マクラーレン」フォントで表示されます。私はCSSセレクターで何か馬鹿げたことをしていると確信していますが、何をしているのかよくわかりません。

どんな助けでも大歓迎です。ありがとう

4

1 に答える 1

0

まず、jsバージョンのGoogleフォントは必ずしも必要ではありません。cssを介してリンクしたばかりで、読み込みの問題はありません。次に、誰かが実際のhtmlの本文を確認する必要がありますが、pプレフィックスは必要ありません。これは、.someclass{font-family:cursizve;}css疑似クラスを使用すると、クライアントでより適切に機能し、はるかに軽量になると述べたように、クラスにフォントを追加するだけです。

于 2012-08-20T14:58:35.623 に答える