可以帮我看下这个改变字体的功能为什么不能实现吗？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
function change_color(){
var color=prompt("输入你想要的颜色:");
mychar.style.color=(color);
}
function change_size(){
var size=prompt("输入你想要的字体大小:");
mychar.style.fontSize=(size);
}
function change_background(){
var background=prompt("输入你想要的背景:");
mychar.style.backgroundColor=(background);
}
mychar.style.width="200px";
</script>
<input type="button" value="点击修改标题颜色" onclick="change_color()"/><br />
<input type="button" value="点击修改标题字体大小" onclick="change_size()"/><br />
<input type="button" value="点击修改标题背景" onclick="change_background()"/>
</body>
</html>
另外两个BUTTON都可以正常运行，就是字体修改不了输入多少都没用,字体大小都不会变化。
