Change Font

Ad Mulders · **Posted:** May 13th, 2016, 6:29 pm

Hi,

I would like to make an option in my HTML5 page that the user can change fonts and the font size.
Is it possible to add a Font Dialog?

Ad

mackavi · **Posted:** May 13th, 2016, 9:21 pm

No - not in any practical sense. Depending on what text you need to change, you could consider displaying some items using the HTML object and applying CSS rules which you could change.

</mack>

Ad Mulders · **Posted:** May 14th, 2016, 11:54 am

Hi,

The font that i like to change is text in a variable. Can i make some font options to choose from.
Is that possible? Do i have to do that in a script file?

Ad

mackavi · **Posted:** May 15th, 2016, 1:17 pm

The basic code for changing the first variable in a standard textbox that I used was:

Code:

myTextbox = document.getElementById("websiteTBD_V1");
myTextbox.style.fontSize = "20px";
myTextbox.style.color = "red";
myTextbox.style.fontFamily = "Indie Flower";

1. This was run from a button with a JavaScript object.
2. The element in line one was identified by using the DOM explorer in Firebug.*
3. The Indie Flower font was present because I used it else where on the page.

*The name of the object in Opus was websiteTB. This normally means you are looking for the parent element id of websiteTBD (in this example). The actual child element with the piece of text to style (apply CSS) will vary.

</mack>

Digital Workshop

Change Font

Who is online