如何用Cufon调整字体大小？

Question

我在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> 

我已经尝试将CS​​S字体大小设置为12px,然后使用以下Cufon代码,但它不起作用:

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

有谁知道如何做到这一点？

Answer 1

您可以尝试使用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

虽然我很欣赏6个月前的问题,但是我遇到了这个问题,寻找类似的东西,并认为它可能值得回答.