Web Fonts Future Looks Better

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Joined: Dec 20, 2002
  • Posts: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Post July 29th, 2008, 12:06 pm

Quote:
It’s no secret that fonts on the web suck. The problem is that, in order to use a font on the web, the actual font file must exist on the user’s computer. Given that restriction, and all the variations between operating systems, designers end up with about five or six fonts that are universal enough to use in web design.

It makes for a pretty limited typeface palette. There is, however, a potential solution on the horizon. CSS provides an @font-face declaration which can be used to point to a regular TrueType or OpenType font file that lives somewhere on a web server. Safari supports @font-face, Firefox 3.1 (the alpha of which will be public soon) will as well, and Opera is planning to include it in a future release.


http://www.webmonkey.com/blog/The_Futur ... g_Brighter

This was an interesting read. For the most part I have been happy with the limited choices for fonts for regular reading, however, when it comes to titles, headers, etc sometimes it would be nice to have other fonts to make things a bit fancier. Usually to do that I have always done it graphically such as with the Ozzu Logo. However, when it comes to dynamic text such as article titles, thread titles, page titles, etc, I have always stuck with the limited choice of fonts because it would be too much work to always do them graphically -- and then if you ever needed to change a title it would be a pain. On top of all that its not the greatest idea with regards to SEO.

In the future though if all browsers support the @font-face method to dynamically load fonts from the server that could make it much more convenient.

If you read this:

http://www.alistapart.com/articles/dynatext/

They have come up with an interesting idea to use a PHP script and Javascript to deliver a dynamic PNG image to your browser whenever asked for. This would allow you for instance to write text for all of your headers and titles like you normally do, but your script would automatically use the desired font and convert it to an image for you on the fly. Here is a quote from their page:

Quote:
Text styling is the dull headache of web design. There are only a handful of fonts that are universally available, and sophisticated graphical effects are next to impossible using only standard CSS and HTML. Sticking with the traditional typefaces is smart for body text, but when it comes to our headings — short, attention-grabbing blocks of text — it would be nice to have some choice in the matter. We’ve become accustomed to this problem and we cope with it either by making the most of the few fonts we have, or by entirely replacing our heading-text with images.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 29th, 2008, 12:06 pm

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post July 29th, 2008, 12:34 pm

Internet Explorer better not *#$% this up.

What happens to the fonts once they're sent to the computer, are they permenantly stored there or are they like images and get deleted with the cache ?

How long will it take for premium font makers to cry foul if fonts get saved to the users computer and propagated ?

Will webmasters be required to purchase licenses to use fonts via @font-face since they're essentually distributing the font ?
Strong with this one, the sudo is.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post July 29th, 2008, 12:53 pm

joebert wrote:
Internet Explorer better not *#$% this up.

Ditto.
Let's leave all our *plum* where it is and go live in the jungle ...
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 29th, 2008, 7:59 pm

that is awesome! I hope that It would be widely supported... wide enough to be able to use it and know that people would see it :D
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • StarBucks
  • Student
  • Student
  • No Avatar
  • Joined: Jul 29, 2008
  • Posts: 85
  • Status: Offline

Post July 29th, 2008, 10:46 pm

This post was helpful, I do hope that people will support this one, its a little eye sore when see our fonts changes when accessing our website when using different computer.
  • gonzoka
  • Student
  • Student
  • No Avatar
  • Joined: Jul 30, 2005
  • Posts: 75
  • Loc: Bristol, UK
  • Status: Offline

Post July 30th, 2008, 2:10 am

I think this is an interesting point, and I look forward to the browsers supporting the CSS declaration, however we'll still have the issue of backwards compatability (think of the number of IE6 users that remain).

Bigwebmaster wrote:
If you read this:

http://www.alistapart.com/articles/dynatext/

They have come up with an interesting idea to use a PHP script and Javascript to deliver a dynamic PNG image to your browser whenever asked for. This would allow you for instance to write text for all of your headers and titles like you normally do, but your script would automatically use the desired font and convert it to an image for you on the fly.


However, this article is 4 years old, and things *have* progressed a little since then. You can use a nifty little thing called sIFR - http://www.novemberborn.net:2543/sifr. This is a flash/JS based unobtrusive, search engine friendly way of producing selectable text in various fonts for header text. You just need to embed the font you want in the flash file (and there are free programs available to do this), and add a simple line or 2 of javascript :)
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post July 30th, 2008, 2:51 am

Ah, to dream the impossible dream. It seems like this subject, or something close to it, is a perennial favorite.
- dM
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post July 30th, 2008, 5:55 am

I think I remember seeing that Safari 3x supports the @font-face method. http://www.css3.info/webkit-has-web-fonts-support/

Might be worth giving it a try so we can see if this is a worth while solution or if its just going to cause extra head aches. Although I'm with gonzoka, sIFR is a great alternative for most anything other than body copy.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post July 30th, 2008, 6:20 am

One reason I've been fond of Flash is the ability to embed fonts. This is encouraging for standard coded pages though.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Tiki
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Nov 03, 2005
  • Posts: 7
  • Loc: Eastern Sierra CA
  • Status: Offline

Post July 30th, 2008, 4:27 pm

joebert wrote:
Internet Explorer better not *#$% this up.

Too Late :)
  • jbladeus
  • Novice
  • Novice
  • No Avatar
  • Joined: Oct 16, 2006
  • Posts: 20
  • Status: Offline

Post August 2nd, 2008, 3:11 pm

The biggest winners from this will be the font forges (with the end user coming at a distant second) and the losers like always will be the web developers who will have yet another complication to deal with in their already miserable lives.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post August 2nd, 2008, 3:51 pm

Anyone know how big filesize-wise the average TTF or similar font file is ?

For some reason I'm thinking they're a few hundered KB.
Strong with this one, the sudo is.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Joined: Dec 20, 2002
  • Posts: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Post August 2nd, 2008, 4:09 pm

I would say more around 20-50 KB.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post August 2nd, 2008, 4:13 pm

Well that's not so bad. It would be like including a single image that can be displayed an infinate number of ways.

We might have to re-evaluate the worth of a picture, 1000 words might be a little small.
Strong with this one, the sudo is.
  • gonzoka
  • Student
  • Student
  • No Avatar
  • Joined: Jul 30, 2005
  • Posts: 75
  • Loc: Bristol, UK
  • Status: Offline

Post August 5th, 2008, 9:12 am

There's an interesting, and very recent article on this subject at http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 5th, 2008, 9:12 am

Post Information

  • Total Posts in this topic: 19 posts
  • Users browsing this forum: No registered users and 148 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.