how to make it change text if user doesnt have it?

[sphinx1994]

Hello,

On my site, I use the font : Arabic Typesetting now on my laptop it displays fine, but on my other pc it displays horribly because my other pc obviously doesnt have that font, is their a way that i can make it so that if the viewer doesnt have Arabic Typesetting it will change to arial and change font size, because i currently have Arabic Typesetting on large, but if it changed to arial large is massive, i used this code:

.style3 {
	color: #FFFFFF;
	font-family: "Arabic Typesetting", Arial; //if user doesnt have arabic font, do arial font..
	font-size: large; // large is massive on arial =()

}

it works my pc that doesnt have the arabic font, it now does arial but it is massive, does anyone know what i can do?

Thanks

[venegal]

You can use Javascript to detect if the font is installed and change font-size accordingly.
http://www.lalit.org/lab/javascript-css-font-detect

[sphinx1994]

is javascript required? couldn't you have something like this?

.style3 {
	color: #FFFFFF;
	font-family: "Arabic Typesetting", Arial; 
	 Arabic Typesetting font-size: large; 
         Arial font-size: small; 

}

It's wrong but it's an example?

[VIPStephan]

It's wrong but it's an example?

It’s an example but it’s not possible that way.

[sphinx1994]

so i need javascript to do it?

[venegal]

Yes, CSS doesn't work that way.