2011-08-08 35 views
1

我有一种情况,H3元素中的字体被Cufon替换为没有磅L(£)的字体。在页面加载后更改字体为英镑

作为一个快速解决方案,我想用cufon完成它之后用不同字体替换H3元素中的任何元素。

我认为jQuery可以做到这一点。我想它将不得不用一个span标签来替换这个叫做不同字体的标签?

+3

烨。这听起来是正确的。这究竟是什么问题,还是我们只是为了道义上的支持? ;-) – Chris

回答

3

上一个答案更改整个元素的字体,这只是一个字符。

$('h3').each(function() {$(this).html($(this).html().replace('&pound;','<span font="your font">&pound;</span>'));}); 
+0

我添加了一个额外的)后.replace(...),这工作正常。不幸的是,英镑字符不在目标字符串中,因为它不在cufon使用的字体中(这对我来说是愚蠢的)。因此,只有在cufon被调用之前,我用其他东西替换了£,这个解决方案才会起作用,然后将它替换回来,将字体更改为具有£字符的东西。 – Owen

+0

额外)添加到原来的答案,代码应该现在工作。 –

0
$(document).ready(function(){ 
    $("h3:contains('£')").css('font-face','Arial'); 

}); 
+0

我想他想用一个不同的字体替换*,而不是整个h3元素。因此,innerHTML('.html()')需要被替换为£'。 – lambacck

1

这将检查所有h3元件与“oldFont”类为“£”字符的出现,并用一类“newFont”的包裹它们全部在一个span

$("h3.oldFont").each(function() { 
    $(this).html($(this).html().replace(/£/g, "<span class='newFont'>£</span>")); 
});