javascript控制字体

发布网友发布时间：2022-04-20 04:40

共3个回答

热心网友时间：2022-04-24 08:25

<html>
<head>
<title>Change Font</title>
<script language="javascript" type="text/javascript">
function changeMe(what)
{
var fontFlag = what.id;

if (fontFlag == "KaiTi"){
document.getElementById("msg").style.fontFamily = "Times New Roman";
} else if (fontFlag == "HeiTi"){
document.getElementById("msg").style.fontFamily = "Arial, Sans";
}
}
</script>
</head>
<body>
<span id="msg">Hello,Guy!Are You OK!</span>
<hr/>
<input type="radio" id="KaiTi" name="fonts" value="楷体" onclick="changeMe(this)"/>楷体
<input type="radio" id="HeiTi" name="fonts" value="黑体" onclick="changeMe(this)"/>黑体
</body>
</html>

以上代码已经过测试，可以直接运行，对于你要的字体，可以search下JavaScript字体编码，例子中可能与你提出的不符。希望对你有所帮助。

热心网友时间：2022-04-24 09:43

有些细节需要自己修改下。
<html>
<head>
<title>ziti.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script type="text/javascript">
function doZoom(size)
{
var zoom=document.all?document.all['Zoom']:document.getElementById('Zoom');
zoom.style.fontSize=size+'px';
}
function doB()
{
var zoom=document.all?document.all['Zoom']:document.getElementById('Zoom');
zoom.style.fontWeight='bold';
}
function doK()
{
var zoom=document.all?document.all['Zoom']:document.getElementById('Zoom');
zoom.style.fontFamily='楷体_GB2312';
}
</script>
</head>

<body>
字体大小:
<a href="javascript:doZoom(12)">小</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doB()">黑体</a>
<a href="javascript:doK()">楷体</a>
<div id=Zoom>
你的代码没有问题，你把我所有回复的内容存为一个HTML文件，浏览器打开试试看，能够调整大小。那么你错在哪里呢，看到我的和你的有什么不同了吗，就是增加了一个DIV，并且命名为Zoom，把需要调整大小的内容放在里面就行了。
</div>
</body>
</html>

热心网友时间：2022-04-24 11:18

g.setFont(new Font("宋体" , Font.HANGING_BASELINE | Font.BOLD, 48));
g.drawString("Game Over!", 110, 230);

g为方法中所带的参数，之后的你应该都看的懂吧，JDK很强大，自己好好琢磨下。！