【问题标题】:Cufon: changing font-weight on hoverCufon:在悬停时更改字体粗细
【发布时间】:2011-03-23 13:07:09
【问题描述】:

我正在使用 Cufon 嵌入带有“清晰打印”字体的 <a> 标签。

<a> 标签的悬停状态下,我希望文本变为粗体,如何使用Cufon 做到这一点?

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/print-clearly_400.font.js" type="text/javascript"></script> 
<script type="text/javascript">
   Cufon.replace('a', fontWeight: 'normal',
    hover: {
        fontWeight: 'bold'
    });
</script>

【问题讨论】:

    标签: javascript fonts cufon


    【解决方案1】:

    请注意,您不能添加悬停 对已经存在的元素的影响 被替换。但是,您可以 先替换悬停元素 然后是父元素 那。悬停效果仍然会 申请。

    但您可以在加载时设置它:

    Cufon('h1', {
        fontWeight: 'normal',
        hover: {
            fontWeight: 'bold'
        }
    });
    

    Further reading.

    【讨论】:

    • 我需要为粗体指定第二种字体吗?我已经按照上面的方法进行了尝试,并且显示为默认浏览器字体,但悬停时的粗体正在工作。当我不尝试悬停时,字体替换工作正常。我在上面添加了我的代码
    猜你喜欢
    • 1970-01-01
    • 2021-12-20
    • 1970-01-01
    • 2018-05-07
    • 1970-01-01
    • 1970-01-01
    • 2019-04-08
    • 2013-07-24
    • 2016-06-05
    相关资源
    最近更新 更多