Forums
This topic is locked
Using New fonts
Posted 03 Sep 2006 12:54:08
1
has voted
03 Sep 2006 12:54:08 Matthew Fletcher posted:
Hi im using DWMX and i am having problems with how to get a new font that i downloaded to be seen by all that acess my site. How do i get the new font to be seen by everyone who acesses the site and not just me? Replies
Replied 07 Sep 2006 06:32:54
07 Sep 2006 06:32:54 Wynne Hunkler replied:
if you are using the font for one or two brief headings, you could convert the headings into small text image files, or ...
for this to function correctly the typeface must be either open type or true type, as i have not found this css feature to operate with postscript (type 1) fonts. in the following example, i embedded this style segment in a brief HTML document with one H1 header display, which displayed in a crystal clear Eurostile font (obviously, replace the "|" characters with the appropriate open and close angle brackets:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
|style type="text/css" media="screen"|
@font-face {
font-family: "Eurostile LT STD";
src: url("www.website.com/fonts/EurostileLTStd.otf")
}
H1 { font-family: "EurostileLTStd", sans-serif }
|/style|
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
funny thing is i found this feature one or two days ago and spent about an hour today experimenting with different type styles, formats, abbreviations, etc. i found for it to function properly, the name of the font referenced in quotes must be stated exactly as it would if you were seeing it display in an application selection box, i.e. Word's drop down selection for a font.
in other words, if it says "Avenir LT 55 Roman", i could not use "Avenir" or "Avenir LT 55". the reference must be exact. as far as where the font files are located, there did not appear to be any restrictions. my testing was on my local c: drive, so i just created a /fonts/ subfolder and referenced the files there. the display was right on!
as far as which browsers support or do not support this feature, i have not gotten that far yet. perhaps you could update this thread with that information if you find a browser that does not like this function. i am not sure if this is a CSS level 2 or level 3 feature, but i sure plan to have some fun with it ... <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
p.s. before you test be sure you don't have the typeface installed on your local machine or it won't do much proving functionality ... lol
<font size=1><b>Wynne Hunkler</b></font id=size1>
<font size=1><b><i>Principal/Internet Strategist</i></b></font id=size1>
<font size=1>Wynnefields Creative</font id=size1>
<font size=1><font color=red>Web Development & Visual Communications</font id=red></font id=size1>
for this to function correctly the typeface must be either open type or true type, as i have not found this css feature to operate with postscript (type 1) fonts. in the following example, i embedded this style segment in a brief HTML document with one H1 header display, which displayed in a crystal clear Eurostile font (obviously, replace the "|" characters with the appropriate open and close angle brackets:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
|style type="text/css" media="screen"|
@font-face {
font-family: "Eurostile LT STD";
src: url("www.website.com/fonts/EurostileLTStd.otf")
}
H1 { font-family: "EurostileLTStd", sans-serif }
|/style|
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
funny thing is i found this feature one or two days ago and spent about an hour today experimenting with different type styles, formats, abbreviations, etc. i found for it to function properly, the name of the font referenced in quotes must be stated exactly as it would if you were seeing it display in an application selection box, i.e. Word's drop down selection for a font.
in other words, if it says "Avenir LT 55 Roman", i could not use "Avenir" or "Avenir LT 55". the reference must be exact. as far as where the font files are located, there did not appear to be any restrictions. my testing was on my local c: drive, so i just created a /fonts/ subfolder and referenced the files there. the display was right on!
as far as which browsers support or do not support this feature, i have not gotten that far yet. perhaps you could update this thread with that information if you find a browser that does not like this function. i am not sure if this is a CSS level 2 or level 3 feature, but i sure plan to have some fun with it ... <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
p.s. before you test be sure you don't have the typeface installed on your local machine or it won't do much proving functionality ... lol
<font size=1><b>Wynne Hunkler</b></font id=size1>
<font size=1><b><i>Principal/Internet Strategist</i></b></font id=size1>
<font size=1>Wynnefields Creative</font id=size1>
<font size=1><font color=red>Web Development & Visual Communications</font id=red></font id=size1>