2011-08-08 4 views
1

H3 요소의 글꼴이 Cufon에 의해 파운드 L (£)이없는 글꼴로 대체되는 상황이 있습니다.로드 된 페이지 다음에 대한 글꼴 변경

빠른 수정으로 h3 요소의 모든 글꼴을 다른 글꼴로 바꾸고 싶습니다. 이후 cufon이 그 일을했습니다.

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

이것은 "£"문자의 발생에 대해 "oldFont"클래스 모든 h3 요소를 확인하고 "newFont"의 클래스와 span에 그들 모두를 감싸는 :

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