cufon - 如何用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> 

我尝试将 CSS 字体大小设置为 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