以粗体显示 cufon答案

【问题标题】：make cufon in bold以粗体显示 cufon
【发布时间】：2012-06-13 01:23:51
【问题描述】：

我需要在鼠标悬停时设置一个 cufon 文本以粗体或 font-weight:700;

代码是这样的

Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('.navigation ul',{hover:true})('.slide -more') ('.heading1-slide') ('.heading2-slide') ('ul.navigation',{hover:true})('.more-button') ('.page-navigation',{ hover:true}) ('.date') ('.month') ('.wp-pagenavi') ;

我需要在悬停时将 .navigation ul 和 ul.navigation 设置为粗体。怎么能这样？

谢谢

【问题讨论】：

请，请，仔细考虑做其他事情（改变颜色，下划线，某事）以强调悬停。当您将粗体更改为粗体时，它还会更改文本的宽度......这会更改悬停下方文本的位置。在某些情况下，它可以在常规和粗体之间来回跳转。从用户的角度来看，这真的很烦人。就个人而言，我将这样做的网站列入黑名单；这是一种糟糕透顶的 UI 实践。

标签： css fonts cufon

【解决方案1】：

您可以使用{hover:true}。看例子

Cufon.replace('h2, h3, h4', {hover: true});

我认为您需要上传字体（粗体）以实现粗体样式。例如如果你想为regular,bold and italic使用Book Antiqua字体，那么你需要上传实际的字体书Antiqua (Regular, bold & italic)并生成代码。

【讨论】：