Hi ive been tring to embed a font into my website using Microsft WEFT. I get the Eurostyle font into the .eot file a and upload it to:
http:/www.mydomain.co.uk/fonts/EUROSTI0.eot
And this is the css code i put into my page:
<STYLE TYPE="text/css">
<!-- /* $WEFT -- Created by: James Kelly (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) on 31/08/2005 -- */
@font-face {
font-family: Eurostile;
font-style: normal;
font-weight: normal;
src: url(EUROSTI0.eot);
}
-->
</STYLE>
This is the html code in the same page as the css code:
<table border="1" width="695" bordercolor="#000000" cellspacing="0" cellpadding="0" style="border-left-style: solid; border-right-style: solid" bgcolor="#FFFFFF" height="23">
<tr>
<td width="100%"><p align="center"><font face="Eurostile"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/index2.php" class="nav">Home</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/band.html" class="nav">Band</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/gigs.html" class="nav">Gigs</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/gallery.html" class="nav">Gallery</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/discography.html" class="nav">Discography/Audio</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/links.html" class="nav">Links</a>
<a class="nav" onclick="MyWindow=window.open('http://www.a-free-guestbook.com/guestbook.php?username=theparoles','MyWindow','toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbars=yes,resizable=no,width=740,height=520,left=100,top=100'); return false;" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Guestbook</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/contact.php" class="nav">Contact</a></font></td>
</tr>
</table>
Note: - i always get asked what means - Its just a space.
- the style is the main area that should have the important errors in.
When it test the page it just doent do anything and dispalys a defalt font like Times New Roman.
Thanks for any help Is the font file in the same folder as the document?james_d_kelly, i was working on font embeding too. wondering if you have found the solution to your post above. May I?
your .eot file is under
http:/www.mydomain.co.uk/fonts/EUROSTI0.eot
hence css code should goes like this:
<STYLE TYPE="text/css">
<!-- /* $WEFT -- Created by: James Kelly (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) on 31/08/2005 -- */
@font-face {
font-family: Eurostile;
font-style: normal;
font-weight: normal;
src: url(/fonts/EUROSTI0.eot);
}
-->
</STYLE>
i think that should be it.
Though this method may only work on window platform. Do you know any other embeding method which will work on FireFox?
Cheers
CYeoI tested and tried the font embedding methods so far long ago.
It was in vain. The result is unpredictable.
My former developers said "Only use image replacement for what you wanna display in your desired font".I think that embeding fonts is something to stay away from, you will almost never get cross-browser, cross-OS support, and some people don't want your new font cluttering up their computer. I would suggest just using an image, and using one of the other fonts that comes preinstalled. Otherwise, give them the option to Download and install your font, if it iis a site that they will be visiting often.WEFT font embedding is IE only. If you do use it and get it to work for IE then you need to provide a list of other fonts for other browers and also realise that the IE code will also completely break the CSS in some of theose other browsers.
http:/www.mydomain.co.uk/fonts/EUROSTI0.eot
And this is the css code i put into my page:
<STYLE TYPE="text/css">
<!-- /* $WEFT -- Created by: James Kelly (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) on 31/08/2005 -- */
@font-face {
font-family: Eurostile;
font-style: normal;
font-weight: normal;
src: url(EUROSTI0.eot);
}
-->
</STYLE>
This is the html code in the same page as the css code:
<table border="1" width="695" bordercolor="#000000" cellspacing="0" cellpadding="0" style="border-left-style: solid; border-right-style: solid" bgcolor="#FFFFFF" height="23">
<tr>
<td width="100%"><p align="center"><font face="Eurostile"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/index2.php" class="nav">Home</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/band.html" class="nav">Band</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/gigs.html" class="nav">Gigs</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/gallery.html" class="nav">Gallery</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/discography.html" class="nav">Discography/Audio</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/links.html" class="nav">Links</a>
<a class="nav" onclick="MyWindow=window.open('http://www.a-free-guestbook.com/guestbook.php?username=theparoles','MyWindow','toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbars=yes,resizable=no,width=740,height=520,left=100,top=100'); return false;" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Guestbook</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.theparoles.co.uk/contact.php" class="nav">Contact</a></font></td>
</tr>
</table>
Note: - i always get asked what means - Its just a space.
- the style is the main area that should have the important errors in.
When it test the page it just doent do anything and dispalys a defalt font like Times New Roman.
Thanks for any help Is the font file in the same folder as the document?james_d_kelly, i was working on font embeding too. wondering if you have found the solution to your post above. May I?
your .eot file is under
http:/www.mydomain.co.uk/fonts/EUROSTI0.eot
hence css code should goes like this:
<STYLE TYPE="text/css">
<!-- /* $WEFT -- Created by: James Kelly (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) on 31/08/2005 -- */
@font-face {
font-family: Eurostile;
font-style: normal;
font-weight: normal;
src: url(/fonts/EUROSTI0.eot);
}
-->
</STYLE>
i think that should be it.
Though this method may only work on window platform. Do you know any other embeding method which will work on FireFox?
Cheers
CYeoI tested and tried the font embedding methods so far long ago.
It was in vain. The result is unpredictable.
My former developers said "Only use image replacement for what you wanna display in your desired font".I think that embeding fonts is something to stay away from, you will almost never get cross-browser, cross-OS support, and some people don't want your new font cluttering up their computer. I would suggest just using an image, and using one of the other fonts that comes preinstalled. Otherwise, give them the option to Download and install your font, if it iis a site that they will be visiting often.WEFT font embedding is IE only. If you do use it and get it to work for IE then you need to provide a list of other fonts for other browers and also realise that the IE code will also completely break the CSS in some of theose other browsers.