3

Cufonで圧縮フォントを使用しています。ページが読み込まれると、メニューが広すぎて折り返されます。次に、Cufonがフォントを置き換え、問題なく表示されます。見た目の邪魔にならないように、フォントサイズを小さく設定してから、表示時にCufonにフォントサイズを変更してもらいたいと思います。

現在、フォントサイズはメニューを含むdivによって設定されています。メニューコンテナのCSSは次のとおりです。

.header_menu_block
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 3px;
    /*margin-left: 238px;  ie 6 can't handle, see margin block below*/
    float: left;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    height: 41px;  
    width: 991px;
}

Cufonの置換コードは次のようになります。

<script type="text/javascript">
    Cufon.replace('.header_menu_block_col_menu ', 
    { color: '#ffffff', 
      hover: {color: '#204966'}
    } );
</script>

CSSのフォントサイズを12pxに設定してから、次のCufonコードを使用しようとしましたが、機能しません。

<script type="text/javascript">
    Cufon.replace('.header_menu_block_col_menu ', 
    { color: '#ffffff', 
      hover: {color: '#204966'},
      font-size:'14px'
    } );
</script>

誰かがこれを行う方法を知っていますか？

4

3 に答える 3

6

set（）メソッドを使用してみることができます。これでうまくいくことがわかりました。

<script type="text/javascript">
    Cufon.set('fontSize', '14px').replace('.header_menu_block_col_menu ', 
    { color: '#ffffff', 
      hover: {color: '#204966'}
    } );
</script>

マニュアルでは、フォントサイズを使用しないことを明示的に提案していますが。

https://github.com/sorccu/cufon/wiki/API

于 2011-08-24T14:18:32.107 に答える
0

推測させてください、あなたは非IEブラウザで基礎となるフォントを見ることはありませんよね？非cufonはIEで最初に簡単に表示されますか？私は同じ問題に取り組んできましたが、テキストを含むdivをjQueryでフェードインさせることで解決しました。フェードタイムは非常に速く表示されるように設定できます。この例では200ミリ秒ですが、フェードインをさらに速くすることができると思います。

 $(window).load(function(){$(".header_menu_block_col_menu").fadeIn(200);});

そのdivのCSSをdisplay：noneに設定してフェードインを機能させることを忘れないでください...もちろん、ビューアでJavascriptが無効になっている場合、何も表示されませんが、Webサイトへの訪問者の割合は何パーセントですかjsを無効にしましたか？

そして、display：noneでのGoogleのランキングが心配ですか？Googleグループで詳細をご覧ください。

于 2011-02-12T16:37:28.933 に答える