问题标签 [cufon]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
text - 具有 seo 意识的 Web 开发人员的文本选项
一位客户问我是否可以在我正在开发/设计的网站上增加他们的标语。我已经考虑了这些选项,并希望尽可能地保持 SEO 的思想,但我正在努力想一种方法,我可以在他们的网站顶部有一个非常聪明、抗锯齿的标题之间取得平衡标志,但它可以被大 G(谷歌)搜索/抓取。西弗?库丰?图片?人们在搜索引擎优化和视觉细节方面推荐什么?
html - Cufon 始终呈现为粗体
我为正在开发的新网站制作了 Cufon 字体。然而,即使我在制作字体时同时包含了普通字体和粗体版本,它总是呈现为粗体文本。
我将它用于我的 H1、H2 等标签,但我也尝试将它应用于简单的 P 标签 - 同样的问题 :-(
有什么想法可能导致这种情况吗?
html - 给 Cufón 更高的 z-index
我有一个有趣的目标,希望在您的帮助下能够实现。
我有这个 HTML 结构:
那 HTML + 几行 CSS 给了我这个:
IMG 1(见下文)
如您所见, span.buttonHighlight 与按钮本身重叠。现在,有趣的部分来了:按钮是一个简单的锚标记,带有立体化的文本,它有一些 CSS 样式,使其具有圆形按钮背景。因此,我想要实现的是按以下顺序放置 3 个元素(CSS 背景、cufonized 文本和突出显示):
IMG 2(见下文)
到目前为止,我尝试的是分别针对每个元素:<span class="buttonHighlight"></span>
as span.buttonHighlight,CSS 驱动的背景/框作为a.button和 cufonized 文本作为a.button .cufon。幸运的是, a.button .cufon 显示正常;你可以在 FireBug 中看到它:
IMG 3(见下文)
但是,添加一个优于 span.buttonHighlight (100) 的 z-index 的 z-index(101)并没有帮助,即 Highlight 仍然与文本重叠。
您可以在此处找到与此案例相关的所有 CSS 样式:pastie [dot] org/1478291
我真的非常感谢您提供的任何帮助和您的时间。
太感谢了!
克里斯
**附言。由于我不允许发布图片且只有 1 个超链接,因此我将以下 3 张图片堆叠在一起:
css - 将鼠标悬停在父元素上的 Cufon
这就是我所拥有的:http: //thezoomer.net/clubroyale/
我在 .nav-item 内的a元素上应用了 Cufon
这就是我在菜单中的内容
这就是我在css里面的东西
显然,我希望 CSS 悬停工作。我知道它在这种状态下不起作用,因为 Cufon 已将刷新绑定到 a 元素而不是整个父元素(与 css 绑定)。但是,如果我将 css 应用于.nav-item a,则悬停将起作用,但仅适用于菜单元素的一部分。
另外,我尝试在没有a的情况下在.nav-item上应用 Cufon ,悬停可以工作,但是一些 Cufon 无需绘制一些奇怪的空白区域。
那么,是否有类似 hoverables: { parent:true } 的元素也可以从父元素接收悬停事件?
谢谢!
javascript - Cufon font isn't applied for link generated with JSF EL expression when use message bundling
I'm trying to use Cufon js lib. to display specific font on web page.
jQuery is used also.
if link text obtained with EL #{m.decoys}
,which mean that it's value got from properties file in order to support i18n,that it doesn't work:
after this text within <a>
wasn't displayed at all.
here is i18n setting in faces-config,they work without Cufon:
if link text is obtained with other EL, eg. #{request.contextPath}
,that it's OK:
css - Cufon 画出不必要的空格
我有我的网站 - http://thezoomer.net/clubroyale/
如果您查看关于我们的子菜单或使用 Firebug 在联系我们菜单项,您会看到 Cufon 绘制了不必要的画布。
任何的想法 ?谢谢!
javascript - 在应用 Cufon 之前检查元素是否存在
我有一系列元素#document h1, #content h2
,我知道这些元素可能会出现在整个网站的页面上;有些页面不是全部。
我正在做的是遍历数组并检查元素是否存在——如果不存在,我将它从数组中拼接起来。然后我使用该toString
方法将剩余的元素传递给Cufon
.
我很好奇这种技术是否值得?
它会提高性能还是检查每个元素是否存在,实际上会减慢浏览器的速度?
javascript - 禁用特定 >div> 的 cufon 样式?
我正在研究一个使用 cufon 来设置文本样式的 wp 主题。问题是现在我正在添加一些东西,比如不使用 cufon 的定价表,而 cufon 样式正在弄乱这些表格。
有没有办法告诉 cufon 不要在定价表所在的特定 div 标签上设置任何样式?
这是把事情搞砸的cufon代码:
我可以在那里添加一个否定选择器吗?
抱歉,如果这是一个愚蠢的问题,但我以前从未真正使用过 cufon。
css - 使用 Cufon 有什么缺点?sIFR 还是不错的选择吗?@font-face 不会像使用 cufon 或 sIFR 那样使字母平滑
使用 Cufon 有什么缺点?在 Web 标准、可访问性和性能方面。
我认为如果我们需要流畅的文本,那么 sIFR 仍然是最好的屏幕阅读器兼容性。
使用@font-face 字体看起来不像Cufon 和Sifr 那样平滑。但是 Cufon 对每个字母都使用画布标签,这使得屏幕阅读器更难阅读。
为了使字体平滑,sIFR 仍然是最好的和可访问性兼容性解决方案吗?
是否可以使用@font-face 获得像 Image、sIFR 和 cufon 这样的抗锯齿功能?
cufon - 绝对没有办法用 Cufon 来证明文本的合理性?
我读到的所有内容都表明您不能,此外,没有计划使 Cufon 合理。
https://github.com/sorccu/cufon/wiki/Known-bugs-and-issues
真可惜,因为我认为这是我所见过的最优雅的字体替换解决方案——无论浏览器的渲染引擎如何(或缺乏),文本渲染都很棒,并且易于实现。所以,我正在使用 sIFR。不过,我真的很想使用 Cufon……在我离开它之前——我想确定没有办法证明文本的合理性……有什么想法吗?