- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在对这个网站进行重新设计,但是 Cufon 遇到了一个奇怪的问题。它与 H1、H2 等 html 元素配合得很好,但与 #ID 和类根本不起作用。
有人可以提出任何想法吗?提前致谢。
最佳答案
没问题,这个很容易修复。只需在文档头部重新排序脚本标签即可。 jQuery 需要在 cufon 之前加载。
说明:如果未检测到像 jQuery 这样的库,Cufon 将尝试使用浏览器的 native document.getElementsByTagName
,即使该库是在之后加载的。/em> Cufon 加载。通过首先加载 jQuery,Cufon 将检测到它,并且对 Cufon.replace();
的所有调用都将使用 jQuery。
顺便说一句,神圣的外部 HTTP 请求 bat 侠!
<script src="/www/include/js/cufon.js" type="text/javascript"></script>
<script src="/www/include/js/aller.js" type="text/javascript"></script>
<script src="/www/include/js/ebrima.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.form.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.livequery.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.selectboxes.js" type="text/javascript"></script>
<script src="/jss/jquery/nyroModal/js/jquery.nyroModal.js" type="text/javascript"></script>
<script src="/jss/jquery/ui-1.7/jquery-ui-1.7.min.js" type="text/javascript"></script>
<script src="/jss/jquery/jClock/jquery.jclock.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.cp.util.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.bgiframe.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.ajaxQueue.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.thickbox.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.autocomplete.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.timers.js" type="text/javascript"></script>
<script src="/jss/flash/swfobject.js" type="text/javascript"></script>
<script src="/jss/jquery/jquery.juitter.js" type="text/javascript"></script>
<script src="/master/www2/include/js/functions.js" type="text/javascript"></script>
<script src="/www/include/js/functions.js" type="text/javascript"></script>
<script src="/master/www2/include/js/load_ready.js" type="text/javascript"></script>
<script src="/www/include/js/load_ready.js" type="text/javascript"></script>
<script src="/www/include/js/jquery.simplyscroll-1.0.4.js" type="text/javascript"></script>
出于性能原因,您确实应该将它们编译成单个脚本文件。您应该会看到页面下载时间减少了一个数量级(估计)。您可能还想切换到使用 Google's hosted CDN jQuery 库。
此外,您似乎正在使用带有 LiveQuery 插件的 jQuery 1.3。 jQuery 1.4 应该能够处理所有事情,而不需要插件。
旁注#2:
所有类似的 Cufon 方法调用都可以合并为一个,这样性能也会更好:
// Instead of this:
Cufon.replace('h1', { fontFamily: 'Ebrima' });
Cufon.replace('h2', { fontFamily: 'Ebrima' });
Cufon.replace('h3', { fontFamily: 'Ebrima' });
Cufon.replace('h4', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' }); // I assume you meant h6 here
// Just do this:
Cufon.replace('h1, h2, h3, h4, h5, h6', { fontFamily: 'Ebrima' });
关于jquery - Cufon 和 IE6/7/8 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4451015/
我们在 IE 中遇到了这个非常奇怪的 Cufón 问题,导致我们无法解决。我认为这与隐藏和封闭的文本有关。 问题是 cuffoned 和普通文本都显示了(我注意到 Cufón 通常使用的标签被替换为
我将 cufon 与 jCarousel 结合使用。 轮播中有五个项目,并从右向左旋转——换句话说,它们从屏幕向左旋转。您可以在这里看到它。 http://www.foursquare.org/sit
使用 Cufon 有什么缺点?在 Web 标准、可访问性和性能方面。 我认为,如果我们需要流畅的文本,那么 sIFR 仍然是具有屏幕阅读器兼容性的最佳选择。 @font-face 字体看起来不像 Cu
我在 Cufon 中使用压缩字体。当页面加载时,我的菜单太宽而且会换行。然后 Cufon 替换了字体,看起来不错。为了减少视觉干扰,我想将字体大小设置得更小,然后让 Cufon 在显示时更改字体大小。
我第一次尝试在同一页面上实现 2 种 cufon 字体。它不工作。 在文档中,这是作为示例提供的: Cufon.r
我使用 cufon 字体创建了一个菜单。 我决定在菜单项上应用以下样式: normal : 灰色文本 悬停:黑色文本 active : 红色文本 问题是悬停在(红色)事件菜单项时,结果会将其变回灰色(
我想在我的一个网站上使用 Archer 字体系列。当我尝试查找字体时,我看到以下两个选项: http://www.typography.com/fonts/archer/webfonts/ http:
我用这个函数导入JS文件: function importScript(url){ var tag = document.createElement("script"); tag.type= "tex
我遇到了一些奇怪的情况。我有一个 MVC View ,我在其中为 h1 标记应用了 cufon 脚本,如下所示: Cufon.replace('h2.title-1', { fontFamily: '
我知道这有点奇怪,但我在我的一个页面上使用了 Cufon,但我需要能够在用户按下按钮时为所有元素关闭它。 现在我希望有 Cufon.Reset(selector) 之类的东西,但我找不到任何东西,那么
我有一个免费的 cufon 模板,我想将其更改为阿拉伯语。它由两个与语言相关的文件组成: LiberationSans.font.js cufon-yui.js 我把 "LiberationSans.
谁能告诉我为什么 Cufon 无法在以下页面上工作:[URL 已删除] 我过去曾多次使用 Cufon,现在我正处于项目对时间极其敏感的地步,我遇到了一个问题。 Safari 中的 Web Inspec
有人可以帮我重写下面的语法以使其正确吗。 我希望在接受 :hover 时将字体替换为我的字体,这样当我将鼠标悬停在它上面时我的按钮就会改变。 Cufon('button', { fontFa
http://www.basenharald.nl/3d 将鼠标悬停在按钮上。我想要的是 cufon 文本更改为 #e90c00。出于某种原因(有时),当我将鼠标从按钮上移开时,它会保持 #e90c0
这是CSS: h3 { font-size: 18px; font-weight: normal; line-height: normal; margin-bottom: 9px;
我的网站在这里 - http://thezoomer.net/clubroyale/ 如果您使用 Firebug 查看关于我们的子菜单或联系我们菜单项,您会看到 Cufon 绘制了不必要的 Canva
我正在使用 Cufon ( http://cufon.shoqolate.com/generate/ ) 替换菜单中的一些文本。 问题是我只需要设置第一个 的样式第一个 . 我试过使用: Cufo
我在此网站上使用 cufon:http://whatismycar.com/一切正常,但我已经开始翻译该网站,现在我的 cufon 框中需要西里尔字母。我自己生成了字体,它支持西里尔字符。但是,当我的
我有这段代码来初始化 selectboxit 插件(将选择框转换为跨度等),它使用 Myriad 字体在选择框中显示内容。那很好。但是,当我选择某个选项时,它从 Myriad 更改为 Verdana
我为我正在开发的新网站制作了 Cufon 字体。然而,即使我在制作字体时同时包含了普通版和粗体版字体,它始终呈现为粗体文本。 我将它用于我的 H1、H2 等标签,但我也尝试将它应用于简单的 P 标签
我是一名优秀的程序员,十分优秀!