chrishirst — Sun, 27 Nov 2005 01:08:13 +0000

Ermm Yes.

Quote: If you just want to change the size or just the font send the other parameter as an empty string ('') in the onClick event call.

Kirie — Sat, 26 Nov 2005 22:14:00 +0000

Ahh.. alright thank you! This does look to work a lot better.

Though I was still wondering if there was away to change the font face and size separately. Rather then one link changing both. But rather one does the font face, and another link makes the text bigger or smaller.

chrishirst — Sat, 26 Nov 2005 08:39:56 +0000

the easiest way is with DHTML (CSS & javascript)

&lt;script type="text\javascript"&gt;
function setFont(FontName,FontSize) {
var FontDim = "em" // can be "px", "pt" etc 
if (FontName != "") {
	document.getElementById("changeable").style.fontFamily = FontName;
	}
if (FontSize != "") {
	document.getElementById("changeable").style.fontSize = FontSize+FontDim;
	}
}
&lt;/script&gt;

Page Code

<body>
Change Font To;
 <br>
<a href="#" onClick="setFont('Verdana','1.2')">Verdana 1.2em</a>
 <br>
<a href="#" onClick="setFont('Arial','1.2')">Arial 1.2em</a>
<br>
<a href="#" onClick="setFont('Verdana','1.8')">Verdana 1.8em</a>
<br>
<a href="#" onClick="setFont('Serif','1.0')">Serif 1.0em</a>

<div id="changeable">
Just some text for font demonstration
</div>

</body>

'
If you just want to change the size or just the font send the other parameter as an empty string ('') in the onClick event call.