动态更改fontfamily和fontsize

我想动态更改文本的字体和大小

但我没有在浏览器中看到任何答案,也没有我的代码中的错误这是演示

HTML:

 
School SansitaOne oliver Jura-Light-webfont Jura-DemiBold-webfont DJGROSS-webfont College BYekan BRoya BMitraBold BMitra 7 10 15 17 20

jquery:

 $("#font").change(function() { //alert($(this).val()); $('.changeMe').css("font-family", $(this).val()); }); $("#size").change(function() { $('.changeMe').css("font-size", $(this).val() + "px"); }); 

除了在示例中不包括jQuery,你有一个错字。

$('.changeMe')应为$('.changeme')

这里更新的例子

 $("#font").change(function() { $('.changeme').css("font-family", $(this).val()); }); $("#size").change(function() { $('.changeme').css("font-size", $(this).val() + "px"); });