2

さて、私はこれに少し困惑しています。私はCufonを使用して、テキストをWeb以外の標準フォントに置き換えています。これは私が非常に多く使用したスクリプトであり、過去に問題が発生したことはありません。IEがやって来て、それは私の一日を台無しにすることにしました。

私は（この投稿の日付のように）最新バージョンのcufonを使用しており、header.phpファイル（Wordpressサイトの場合）でいくつかの異なる要素を参照しています：

    <script type="text/javascript" language="javascript" >Cufon.replace('.learnmore', { color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }   });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.logo span, h1, h2, h4 , h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});   </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});   </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});  </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' }); </script>

これが複数の異なるフォントを参照するための最良の方法であるかどうかはわかりませんが、IE（特に現在実行しているv.8.0.7 ）のすべてのブラウザーで正常に機能しています。IEは、次のエラーレポートを提供します。

Webページエラーの詳細：

メッセージ：引数が無効です。行：7文字：8520コード：0 URI：http://localhost/wordpress/wp-content/themes/pondera/js/cufon/cufon-yui.js?ver=1.0.0

Cufon jsファイルを調べましたが、これは参照の直前のD.replaceChildようです。今、私はJSの専門家から遠く離れているので、この問題の原因がわかりません...

参考までに、テストとして、最初のCufon.replace(...参照（つまり、上記のコード）のすべてのバーを削除して、コーディングが不十分かどうかを確認しようとしましたが、修正されませんでした。

任意の提案をいただければ幸いです！これをお読みいただきありがとうございます。必要に応じて、さらに詳しい情報を提供させていただきます。

4

1 に答える 1

0

さて、私は（ある種の）魂を見つけたと思います...そしておそらくCufon自体のバグです（私が間違っていても驚かないでしょうが！）。

Epascarelloが提案したように、コードのレイアウトがより少ないスクリプトタグであることが証明されました。

    <script type="text/javascript" language="javascript" >
        Cufon.replace('.logo span, h1, h2, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});
        Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});
        Cufon.replace('.learnmore', {   color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }});
        Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >
        Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});
        Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' });
    </script>

これを行っている間、エラーがいつ発生したかを確認するために挿入されたコードを順番にテストするのに少し時間がかかりました。この間、私は各セレクターとすべての動作するバー1をテストしました... h4！？！？上記のコードの最初の行を次のように修正するかどうかを明確にするために、IEエラーが発生します。

        Cufon.replace('.logo span, h1, h2, h4, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});

変なハァッ？私が使用している魂は、H4タグを回避するためにマークアップを修正することですが、おそらくこれはCufonのエラーですか？

これが誰かに役立つことを願っています！

于 2011-09-11T15:31:16.840 に答える