Subscribe to RSS

Safari is starting to support downloadable fonts

It looks like the technology behind Safari, Webkit, is starting to support downloadable fonts. This could mean we could use more advanced forms of typography within web sites in the near future. Currently Safari is the only one I know about that is supporting the CSS @font-face feature but it is expected that the other browsers will soon join suit.

It is exciting to think about using fonts other then the classic web safe fonts that you would find across various operating systems. To use the @font-face you would need to setup code as follows:


@font-face {
font-family:"FontName";
src:url(AvantGarde.ttf) format("truetype");
}

Then whenever it comes to using the font you would just use the FoneName as the font-family that you are wanting to use. It is simple and elegant and would allow for easily adding any font that you want to heading or the body of a web page. The typographical possibilities for something like this are endless.

Of course with any new feature that is added to CSS it has the risk of being abused. I can already see hundreds of MySpace pages using all kinds of ridiculous cutesy type-faces that will make most designers die a little inside.

However, it would be nice to apply any type-face we want to our web pages. I can’t wait for the other browsers to begin supporting this feature. It wouldn’t be backwards compatible but once Firefox, Opera and IE7 support it there really isn’t much of a reason to not apply it.

Popularity: 5%

Whats Next?

  • Save to Delicious! Save the page

2 Responses to “Safari is starting to support downloadable fonts”

  1. Chihn Says:

    I would just be worry about virus or adware getting put on computers. This seems like it might add a hole for people to take advantage of for things like this.

  2. Mike Robinson Says:

    This will be an excellent advancement for web design. No more using images for special fonts, I can’t wait!

Leave a Reply


Recent comments

CSS fix for the double margin float bug in IE6

On July 24, 2008, katalyst wrote:

omg finally bigtime thank you! i’ve been looking for a solution and yours works for me.

Understanding color in design

On July 23, 2008, Christy wrote:

i am what is referred to as a “traditional artist”- i am a fine art major & have taken a ton of color theory courses. I get confused when reading articles about color...

The best free web development add-ons for IE 6 and 7

On July 23, 2008, Valentinka wrote:

Сайт, да нет это целый портал - с фишкой. Буду теперь постоянно посещать…. и всем...

CSS fix for the double margin float bug in IE6

On July 23, 2008, agencja modelek wrote:

finally found what I sought! thx for this fix! regards, AM

Test IE5 or IE6 on your PC with IE7 installed

On July 21, 2008, Ken Hamric wrote:

CrossBrowserTesting.com allows you to check your site ‘live’ via connection via VNC to several configurations of OS and browsers. The browsers available...