shallowdeep
Posts: 343
Joined: 9/1/2006 From: California Status: offline
|
If it's purely for a logo, I'd agree that an image is probably the easiest and most compatible way to go. That said, using a linked font for longer text has advantages in terms of search and accessibility... not to mention it avoids headaches from image color profiles. At present, a .ttf font can be used with the latest versions of Safari or Firefox; Opera supposedly plans support with v10.0, and some Chrome betas have had support enabled too, I think. To get it to work with IE, you would need to convert the TrueType font to Embedded OpenType (EOT) and create a separate CSS rule for IE. If the rules are ordered properly, there is no need for an explicit browser user agent check with Javascript, so it's possible to implement knowing only some HTML and CSS, but it could be more straightforward. If you are interested, you can see some cross-platform information and code (look at the "C'mon, is it Really that Simple" section). As DomKen noted, if a browser doesn't support @font-face, it will degrade "gracefully" by substituting alternate fonts, not break. You can specify common, web-safe fonts to use as alternatives and ensure that your page still looks decent with them. As to why it's taken so long too get even this close to standardized web font support, who knows... both IE and Netscape tried awhile ago, but incompatible, proprietary implementations and, perhaps, font licensing concerns doomed things. Perhaps it's finally on the right track, though... Finally, while aesthetics are personal, I have to agree that <blink>-like effects died for a reason.
|