2011-08-08 75 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>")); 
});