The Cache: Technology Expert's Forum
 
*
Welcome, Guest. Please login or register. September 21, 2019, 12:27:43 PM

Login with username, password and session length


Pages: [1]
  Print  
Author Topic: @font-face? Any recent experience with it?  (Read 2677 times)
nutballs
Administrator
Lifer
*****
Offline Offline

Posts: 5627


Back in my day we had 9 planets


View Profile
« on: June 05, 2010, 07:47:04 PM »

This little CSS construct popped up today in conversation with my wife, and I haven't looked at it since it was added to CSS.

Short version is that it  allows you to call fonts from the web, and use them in webpages. Actual fonts, not stupid images strung together. Why would you need more than arial,verdant,comic sans, and times? You work with a graphic designer....

So anyone have any recent experience with it?
Anyone know the penetration of it? Risks to end users (why it would be blocked).
Etc etc.
Logged

I could eat a bowl of Alphabet Soup and shit a better argument than that.
kurdt
Lifer
*****
Offline Offline

Posts: 1153


paha arkkitehti


View Profile
« Reply #1 on: June 06, 2010, 12:51:32 AM »

@font-face is the one CSS3 that has been actually working for many years across the browsers. Ironic thing is that Microsoft has supported @font-face like capabitilies from IE 5.5 Wink

I got this ultimate cross-browser @font-face CSS script from some site:
Code:
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
         url('GraublauWeb.otf') format('opentype');
}
Notice that even fonts can't escape the format wars so you have to have your font in eot and otf format. otf is what IE understand. ttf works also at least with webkits but with that script, you should be fully cross-browser. Of course you might want to specify some fallback in case somebody is using limited mobile device to watch your site.

But beware that some fonts can be big so it will introduce yet another 20-200KB your visitor has to load.
« Last Edit: June 06, 2010, 12:54:10 AM by kurdt » Logged

I met god and he had nothing to say to me.
perkiset
Olde World Hacker
Administrator
Lifer
*****
Offline Offline

Posts: 10096



View Profile
« Reply #2 on: June 06, 2010, 10:25:31 AM »

Kurdt - I assume that the font is cached, at least for the rest of the session?
Logged

It is now believed, that after having lived in one compound with 3 wives and never leaving the house for 5 years, Bin Laden called the U.S. Navy Seals himself.
kurdt
Lifer
*****
Offline Offline

Posts: 1153


paha arkkitehti


View Profile
« Reply #3 on: June 06, 2010, 12:43:48 PM »

Kurdt - I assume that the font is cached, at least for the rest of the session?
Well it's a file so it should be cached just like any other downloaded file?
Logged

I met god and he had nothing to say to me.
nutballs
Administrator
Lifer
*****
Offline Offline

Posts: 5627


Back in my day we had 9 planets


View Profile
« Reply #4 on: June 06, 2010, 09:32:11 PM »

interesting. im gonna have to look into it again. I remember there being a huge vuln when it first came out, and i didnt look at it since.

I wonder what percentage of corporations block font downloads?
Know of any stats anywhere?
Logged

I could eat a bowl of Alphabet Soup and shit a better argument than that.
kurdt
Lifer
*****
Offline Offline

Posts: 1153


paha arkkitehti


View Profile
« Reply #5 on: June 06, 2010, 11:35:20 PM »

interesting. im gonna have to look into it again. I remember there being a huge vuln when it first came out, and i didnt look at it since.

I wonder what percentage of corporations block font downloads?
Know of any stats anywhere?
Probably the same companies that block javascript.
Logged

I met god and he had nothing to say to me.
Pages: [1]
  Print  
 
Jump to:  

Perkiset's Place Home   Best of The Cache   phpMyIDE: MySQL Stored Procedures, Functions & Triggers
Politics @ Perkiset's   Pinkhat's Perspective   
cache
mart
coder
programmers
ajax
php
javascript
Powered by MySQL Powered by PHP Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS!