inexistent fonts and image...
Bob Bedford
I'm just starting with CSS...and I'm on conception stage.
I've seen some great stuffs we can do with CSS, and it's just great for what
I want to achieve (text over existing text).
The problem is that when the selected font (quite common on most computer)
doesnt' exist on the client computer, the result is just awfull.
What I would like to achieve is to select the fonts and if they don't exist,
load an image instead. Is that possible ?
My actual code:
<head>
<STYLE TYPE="text/css">
<!--
.FIRST {font-size: 2em; font-family: Arial black; margin-left: 25pt;
margin-top: -1.3em; color:Black}
.SECOND {font-size: 3em; font-family: Arial black; margin-left: 25pt;
color:silver}
-->
</STYLE>
<title>Test</title>
</head>
<body>
<p class=SECOND>This is a test
<p class=FIRST>This is a test
</body>
The effect I want to achieve is a text appearing on an other bigger test
(the same text).
Thanks.
Bob
viza
> The problem is that when the selected font (quite common on most computer)
> doesnt' exist on the client computer, the result is just awfull.
> What I would like to achieve is to select the fonts and if they don't
> exist, load an image instead. Is that possible ?
Not a good idea, if possible at all.
> font-family: Arial black;
This tells a browser to user the typeface "Arial", and if it doesn not have
it, to use the typeface "black". Most computers have Arial, or at least
recognise it, so what you are seeing is Arial. If you want to use "Arial
black" use:
font-family:'Arial black';
I don't recommend you do however, because it is just a bolder version of
arial. It is easier to use:
font-family:Arial, sans-serif;
font-weight:bold;
That way, it will use arial, and if it does not have it, will use whatever
sans serif typeface it has to hand. The font-weight will be set to bold
for you universally as well, rather than relying on a dark typeface.