用戶從列表中選擇字體的渲染頁面 - jQuery

Question

我想寫一個代碼，其中列表將顯示給用戶，用戶可以從列表中選擇任何字體，選擇字體，選擇字體的內容頁面將以該字體表面呈現！ 不知道該怎麼做:(

Answer 1

我建議書面方式你的CSS是這樣的：

body.arial {font-family:arial;} 
body.tahoma {font-family:tahoma;} 

，然後只是使用JavaScript，當用戶選擇的字體來改變人體的類

$(document.body)[0].className=SelectedFont; 

Answer 2

$("#changeFont").change(function(){ 
$("*").css("font-family",this.value); 
}); 

改變字體是這樣

一個下拉

<select id='changeFont'> 
    <option value='Arial'>Arial</option> 
    ...... 
</select>