Anyone use the @font-face construct...

User 2042935 Photo


Registered User
2 posts

Any experiences would be good to hear ... still struggling to get it working in anything other than IE 8 .. that is a first for me because usually evreything works in FF & Opera but NOT in IE!!
User 463058 Photo


Ambassador
1,086 posts

The most common method of using unusual fonts on web pages seems to be sIFR's use of fonts which have been converted into flash files. Then javascript replaces specified portions of text in the page with the flash fonts. This is the approach taken by CC's "Website Font" software.
User 2042935 Photo


Registered User
2 posts

Thank you Cary - (should have replied weeks ago - my apologies!!)

I kinda knew that but I am looking at at @font-face because it apparently enables the fonts to resize when the user changes it at his end .. not so sure but really want to test it all out.

Thanks again
User 463058 Photo


Ambassador
1,086 posts

Ah, good point regarding the text resizing.
User 463058 Photo


Ambassador
1,086 posts

Here's a page where the font works with Webkit browsers (such as Safari and Chrome) as well as Opera and Firefox, but not IE. By the way, the font is looking terrible in Firefox, for me anyway.

http://anthonycalzadilla.com/css3-ATAT/index.html

This looks like the code he's using:
@font-face {
font-family: hanssolo;
src: url(hanssolo.ttf);
}
h1 {
font-family: hanssolo;
font-size: 3.2em;
padding: 0;
margin: 0;
text-align: center;
}


Paola, you say your test is working only with IE. Any chance the font was created with MS' Weft utility?

This post appeared in a Yahoo! group:
http://tech.groups.yahoo.com/group/Webs … ssage/3025

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.