Cufon衝突nivo HTMLキャプションのフォントを置き換え

Question

を消えるが、あなたはこれで私を助けることを願って：

だから、私は細かい作業Nivoスライダーを持っていると私は、支援の方法でいくつかのHTMLキャプションに建てられました。 その後、h1タグとh2タグでHTMLキャプションをスタイリングしました。 次に、h1とh2を非標準フォントに置き換えるためにcufonを実装します。 それから、nivoのキャプションのブレークビヘイビアは少し予期しないものですが、主にキャプション解消のスタイル部分です。

これまでに見た/見たことはありますか？

これに関連するコードがたくさんあります。この記事を膨らませたくないので、例を見たい場合は関連する部分を教えてください。

まず、私のコードのheadセクションからのjavascript呼び出しを示します。

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery-ui.js"></script> 
<script type="text/javascript" src="js/jquery.img.preload.js"></script> 
<script type="text/javascript" src="js/hint.js"></script> 
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.0.js"></script> 
<script type="text/javascript" src="js/jquery.tipsy.js"></script> 
<script type="text/javascript" src="js/nivoslider/jquery.nivo.slider.pack.js"></script> 
<script type="text/javascript" src="js/jquery.scrollTo.js"></script> 
<script type="text/javascript" src="js/captify/captify.tiny.js"></script> 
<script type="text/javascript" src="js/custom.js"></script> 
<!-- //////// Cufon - font Replacement //////// --> 
<script src="js/cufon/cufon.js" type="text/javascript"></script> 
<script src="js/cufon/bebas-neue.cufonfonts.js" type="text/javascript"></script> 
<script type="text/javascript"> 
     Cufon.replace('h1, h3, h4, h5, #main_menu li a'); // Works without a selector engine 
</script> 

ありがとうございました。

フィル。

Answer 1

実際にはCufonは時代遅れの解決策です。動的サイトでは本当にうまく機能しません。市場のほとんどのブラウザは、カスタムフォントを表示するためにCSSを使用することができます。あなたはフォントを変換し、ここで必要なCSSを得ることができますhttp://www.fontsquirrel.com/fontface/generator。