Web fonts article on webmonkey


j_polo9
29.Jul.2008 9.26pm
j_polo9's picture

Are major foundries researching solutions? If they come up with a free solution would the bragging rights and inherit clients from the bragging rights be enough recompense? Could foundries not research a solution and sell the solution to different companies to implement in their browsers?

Who is more responsible to find a solution the browser company or font foundries? (not that i think anyone is inherently responsible to find an answer but we as designers are customers to both the foundries and the browser companies, and neither have provided a viable solution for a problem with their product). Maybe it is the web designers’ obligation?


guifa
29.Jul.2008 9.47pm
guifa's picture

We don’t need that many new fonts to really help out. For aging fonts, some foundries could gift two or three fonts from their collection to the web world for this type of embedding. Surely every foundry has a few good fonts that just frankly don’t sell. Or even some good ones that are actually fully usable as part of a collection.

Most web browsers can make fake bold and italics/oblique, which is about the extent of font families the web has ever used (and I think iirc in CSS you can control the oblique angle too). Just releasing, say, Univers at a regular weight would enable designers to use (fake) bold and italic on websites when needed for emphasis, but would also allow users to preview the font and then maybe investigate the full collection. Any designer of course knows that you’ll want to buy the actual italic or bold font because obliquing only goes so far).

Plus, you’ll always have OFL or CC licensed fonts which are often times of pretty decent quality.

«El futuro es una línea tan fina que apenas nos damos cuenta de pintarla nosotros mismos». (La Luz Oscura, por Javier Guerrero)


cuttlefish
29.Jul.2008 10.02pm
cuttlefish's picture

Webmonkey is still around?


Stephen Coles
29.Jul.2008 10.57pm
Stephen Coles's picture

The article by Richard Rutter that is referenced at Webmonkey is the one worth reading. He suggests that embeddable fonts present a new licensing opportunity for font vendors. He may be right, and I believe EOT is the way to make it happen. See my comment on his blog.


Ralf Herrmann
30.Jul.2008 1.29am
Ralf Herrmann's picture

He suggests that embeddable fonts present a new licensing opportunity for font vendors.

That’s exactly the model I suggested in my webfonts survey article. Though the survey showed, that the web designers are not overly excited about it yet.

He may be right, and I believe EOT is the way to make it happen.

EOT is clearly the best solution from OUR point of view as type designers or font vendors. But we shouldn’t wait until EOT is someday supported in all major browsers. If we only think about the protection and not about the wishes of the users, we make the same mistakes as the music industry.
It is foreseeable that in 2009 all major browsers will have webfonts support: Font linking for Safari, Firefox and Opera and EOT for Internet Explorer. This feature will be used, so we better have a license model ready by then.
EOT might be good in the long run, but a combination of font linking and EOT support might be necessary until then.


Ricardo Cordoba
30.Jul.2008 3.15pm
Ricardo Cordoba's picture

Webmonkey is still around?

I think it was gone for a while, cuttlefish — I remember reading something on Wired’s website about webmonkey coming back (maybe a couple of months ago).


dberlow
31.Jul.2008 5.02am
dberlow's picture

“But we shouldn’t wait until EOT is someday supported in all major browsers.”
We HAVE to wait — Why wouldn’t we?

”... we make the same mistakes as the music industry.”
We can’t make the same mistakes as the music industry — they provide a digital file (a rare parallel), but it requires no “composition”, and no “arrangement” is required... only volume control and this does not radically change the tune... So, when people say, “it’s just like music”, I laugh, musically.

And, when people say the fonts are not installed in the system, I say they lie. But mostly, when people don’t understand that the reason I don’t like embedding, is because I don’t want my intellectual font property used in the seriously inferior world of the web until the typographic functionality accumulates to compose type well, (or of course, unless I’m paid up-front and in full).

Just look around. GEEZE is http://billhillsite.com/ugly, or /what!?
1. Underweight rules, feed ’em.
2. OS figures in an all cap headline, drop ’em.
3. Dark Grey type on a dark grey background.
4. 8 ½ x 11, comes out looking like 8©x11.
5. small caps in the first line that are light and narrow.
6. descenders cut off by graphics, ouch.
7. word space wider than leading is tall, kan u rede it?
8. Are some of these fonts obliqued?
9. Can an initial drop cap get uglier than if it’s aligned lower than the following text?
10. Enclosed, what is the crap obscuring the type?


11. I’m viewing this site on a 22 inch monitor, it barely fits and does no scaling to the window...

I have yet to see a site with embedded fonts that is more than simple pour-’n-puke quality. You can see at Bill’s site, clearly what happens when you try to go farther. Typography is not just having fonts. Fonts not having enough typography, (not to mention common ground in enabling software), is just not going to work for all users and uses, as a standard should.

Cheers!


James Arboghast
31.Jul.2008 8.48am
James Arboghast's picture

It works for me.

1. Underweight rules, feed ’em.
Que?
2. OS figures in an all cap headline, drop ’em.
Nope. What “figures”? Where?
3. Dark Grey type on a dark grey background.
Nope. Could be your browser color settings David.
4. 8 ½ x 11, comes out looking like 8©x11.
Nope. It works on my system. I get a proper 1/2 glyph.
5. small caps in the first line that are light and narrow.
“ADAPTIVE LAYOUT” No, sorry. No small caps there.
6. descenders cut off by graphics, ouch.
Nope.
7. word space wider than leading is tall, kan u rede it?
Nope, the leading is wider than the word space over here man. Very readable.
8. Are some of these fonts obliqued?
The style sheet specifies oblique, but as you can see from my screen dump I’m getting genuine Calibri italics here.
9. Can an initial drop cap get uglier than if it’s aligned lower than the following text?
Come again?
10. Enclosed, what is the crap obscuring the type?
A rendering problem at your end. I guess it would be your browser’s doing.


^ Internet Explorer


^ Firefox

It’s amazing. Web designers and typographers complain no end about Internet Explorer. For Bill Hill’s site it’s Firefox that screws it up worse. IE does a comparitiviely good job of it.

j a m e s


Ralf Herrmann
31.Jul.2008 9.22am
Ralf Herrmann's picture

We HAVE to wait — Why wouldn’t we?

Because we can already work out solutions which work with font linking.

So, when people say, “it’s just like music”, I laugh, musically.

Fonts are not like music. But the similarity is that the music industry first saw the web as a huge threat instead of a huge possibility. They know better now.


James Arboghast
31.Jul.2008 9.24am
James Arboghast's picture

I see what you mean about the dropped cap. That bit doesn’t work for me either.

But the figures in the all caps headline. No, sorry, it must be the font your user agent chose to render the page in. With the specified font you get lining figs:

I think most of the problem with that page is the proprietary MS formatting, so it isn’t really a fair test of IE versus Firefox versus Opera versus Safari versus Other User Agent(s).

MS is not sticking to universal standards here and favoring its own user agent.

j a m e s


sii
31.Jul.2008 10.45am
sii's picture

I met with Bill on Monday - and he’s taken quite a bit of flack re. his demo site. He showed me the new version he’s working on and described the large stack of HTML books he purchased from Borders last week.


eliason
31.Jul.2008 11.41am
eliason's picture

Enclosed, what is the crap obscuring the type?

It’s the white letters of the word Blog which have wrapped unexpectedly.


Miguel Sousa
31.Jul.2008 11.48am
Miguel Sousa's picture

> and described the large stack of HTML books he purchased

I hope he got some about CSS too. And please remind him to test his site on other browsers. Not everyone is watching the web through IE. (In fact, he should first code for standards-compliant browsers, e.g. Firefox, and then add the tweaks for IE. That’s the best way to do it, hands down.)


sii
31.Jul.2008 1.26pm
sii's picture

Yep a stack of CSS books almost as big, and he does have the other browsers installed. I’m not sure if he’s blitzed the Mac OS partition on his mac-book but he’s down the corridor from a Mac lab so he can check out the layout there too.


dberlow
1.Aug.2008 4.28am
dberlow's picture

Si: Yep a stack of CSS books almost as big...

Me: ... and it’s not even 2010 yet! I thought for sure it’d take that long to get real. Tell Bill we don’t need to increase the size of the display type, leave that for the text! If possible, this helps confine the users composition destroying acts to type mods that do help...good luck!

Me: We HAVE to wait — Why wouldn’t we?

Ralph: Because we can already work out solutions which work with font linking.

Me: Browser-by-browser embedding implementations are not “a solution.”

Me: So, when people say, “it’s just like music”, I laugh, musically.

Ralph: “... the similarity is that the music industry first saw the web as a huge threat instead of a huge possibility. They know better now.”

Me: They? Do you mean the 1,000’s of fired music industry executives? The young bands no one can afford to chance? Or perhaps the veteran musicians, who have recognized that if they want money from their music, they must tour?

Me too: Sure, the music industry clowned around on ’quality’ for a few moments, but the difference they faced was nothing compared to our qualitative drop-off on the web. And we can tour, but...

James: MS is not sticking to universal standards here and favoring its own user agent.
What good is it then?


Ralf Herrmann
1.Aug.2008 8.56am
Ralf Herrmann's picture

Me: Browser-by-browser embedding implementations are not “a solution.”

Why not? This is exactly how @font-face is suppose to work. You specify local or external font sources and the browser will pick whatever is available and supported.


@font-face {
src: local("Graublau Sans Web"),
url("graublauweb.otf") format("opentype"),
url("graublauweb.eot") format ("embedded-opentype");
}


dberlow
3.Aug.2008 4.10am
dberlow's picture

“This is exactly how @font-face is suppose[d] to work. []...the browser will pick whatever is available and supported.

The typeface one specifies with font-face must “be installed on the computer of the person viewing the web page”, which is not embedding. The browser picking whatever font(s) is/are available and supported, is not design. And, as one can see from the “ZEN GARDEN” examples, to Mr. Hill’s site, neither allows typography, just type.

Also, I hope you understand that this is not like music industry in many more ways than it is.

Cheers!


Ralf Herrmann
3.Aug.2008 6.34am
Ralf Herrmann's picture

The typeface one specifies with font-face must “be installed on the computer of the person viewing the web page”, which is not embedding.

And what’s the point of this sentence?
HTML websites are plain text files with linked resources. I don’t see any other way of doing this. You can’t (or shouln’t) actually embed a binary file in an HTML website. That’s not how the web works.

The browser picking whatever font(s) is/are available and supported, is not design.

Regarding webdesign this IS design. The web doesn’t work like a printed page and designing a website in a way that works for different browsers, screen sizes and user settings is actually a pretty hard design job. Webdesign always includes a lot of variables like font sizes, column widths or even font choices. As a webdesigner I would be very insulted if you don’t consider this job and such decisions “design”.

Concerning the “browser picking whatever font(s) is/are available and supported”: I just meant that it is no big deal to have the same font linked two times, as TTF/OTF for browsers like Safari/Opera/Firefox and as EOT for Internet Explorer. So the visual result would be identical. @font-face is designed for this kind of use, in the same way as the VIDEO tag should support different video formats.

And, as one can see from the “ZEN GARDEN” examples, to Mr. Hill’s site, neither allows typography, just type.

Both of them are no real “web designers”, so I don’t see a point in picking on their webdesign skills.


dberlow
3.Aug.2008 8.05am
dberlow's picture

Ralph: “Both of them are no real “web designers”, so I don’t see a point in picking on their webdesign skills.”
Not “picking on their web design skills”, picking on their typography. You think they are not ’web designers’? You probably have an incorrectly narrow view of that definition in the context of this discussion.

“Regarding webdesign this IS design...browsers, screen sizes and user settings is actually a pretty hard design job...variables like font sizes, column widths or even font choices...” are not enough...
Yes, there are a lot variables, and we agree that imbedded font formats, (and thus browsers (for the thinking thinker)), should not become a competitive field of typographic functionality — that that would be detrimental to the increasingly shrinking universality of the page description capabilities for the ’web designer’, is obvious... the rest of what I said, is obviously not.

“The web doesn’t work like a printed page”
Never? ;ol. The web doesn’t always work like a printed page, you’re right about that. But we are talking, standards, so the web ought to at least be able to pretend to be a printed page, no? Most of the web, in fact, behaves exactly like badly printed pages. And much of it behaves like badly printed and badly designed pages. Command Plus, does not change this, it just makes 5x possible results to test, (in paradise).

j a m e s:
I start a new list based on your far superior screen grabs
1. is the headline really supposed to obscure the rule, sometimes?
2. Should the deck cross a color bound, only in Firefox, or should you fire Firefox?
3. Can someone please feed the serif text’s diagonals? y and v are about to drop in both browsers!
4. Is... ’s ....a kernable pair?
5. The spacing of the text serif face in Firefox and Explorer, though identical, is not what has worked for the last 35,000 years ;) Call me Flat Earthy, but Explorer’s “H u m ans” is the worst of an entire paragraph of not human readability enabled non-text-typography, (I bet it prints fine though;)

I’m as all-for-an-all-audio/video/graphics/hyperlinked/non-text-based-round-earthed future as the next guy or gal. But in the meanwhile, typography on the web has got to improve. Why Mr. Hill would try to fit his gigantic ideas into a standard browser at all, much less a super-sized browser, when he could be making his own “Reader” solving all these problems after a single simple download... that’s what I’d do.

Cheers!


billtroop
3.Aug.2008 10.10am
billtroop's picture

vinyl = letterpress


guifa
3.Aug.2008 1.25pm
guifa's picture

Ralf, you can embed things into the html if you want. The only thing is it doesn’t prevent someone from copying it once it’s transfered, it just prevents direct linking by URL.

<img src="data:image/gif;base64,xxxxxxxxxx" alt="" />

http://danielmclaren.net/2008/03/embedding-base64-image-data-into-a-webp...

Explains one potential use. Also if you want to embed signatures in an e-mail without needing to send an image as an attachment. Not a hugely useful thing but it’s available I’m sure there are niche applications for it.

«El futuro es una línea tan fina que apenas nos damos cuenta de pintarla nosotros mismos». (La Luz Oscura, por Javier Guerrero)


Ralf Herrmann
3.Aug.2008 11.14pm
Ralf Herrmann's picture

Ralf, you can embed things into the html if you want.

Sure, it’s technically possible. But it’s really no option to force the user to download large resource files within the HTML. (That’s what I hate about most Flash pages...)

You think they are not ’web designers’? You probably have an incorrectly narrow view of that definition in the context of this discussion.

Within the context of my post I take the freedom to have my own definition of “web designer”. And I would want you to respect that. But nevermind. I won’t bother you any longer with my narrow-minded thoughs.