用单选按钮在文本框中显示不同的字体。

以下是一个简单的示例代码：

<!DOCTYPE html>
<html>
<head>
	<title>字体选择器</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>字体选择器</h1>
	<p>请选择一种字体：</p>
	<input type="radio" name="font" value="Arial" onclick="changeFont('Arial')">Arial
	<input type="radio" name="font" value="Times New Roman" onclick="changeFont('Times New Roman')">Times New Roman
	<input type="radio" name="font" value="Verdana" onclick="changeFont('Verdana')">Verdana
	<br><br>
	<textarea id="text" rows="10" cols="50">这是一个文本框。</textarea>
	<script>
		function changeFont(font) {
			document.getElementById("text").style.fontFamily = font;
		}
	</script>
</body>
</html>

在这个示例中，我们创建了三个单选按钮，每个按钮都有不同的值（即字体名称），并且都绑定了一个 onclick 事件，当用户单击按钮时，会调用 changeFont 函数，并将对应的字体名称作为参数传递给函数。

changeFont 函数会获取文本框的 DOM 元素，并将其字体样式设置为传递进来的字体名称。通过这种方式，我们可以通过单选按钮来选择不同的字体样式