Quale tecnica di font viene utilizzata qui?

Mentre partecipavo a questo evento ( http://worldtour.fogcreek.com/ ) ho notato che questa pagina aveva caratteri personalizzati per la parte Indirizzo nell'angolo in alto a sinistra (ad esempio "Fog Creek Software 55 Broadway Fl 55 ....") Quando ho guardato il codice sorgente non sono riuscito a determinare cosa stessero facendo, ma ha soddisfatto queste condizioni:

1. Funziona bene con IE 7,8 (e tutti gli altri browser)
2. Ti permette di usare qualsiasi font tu voglia
3. È una base di testo, cioè senza flash, immagini, ecc. Quindi è meglio per SEO e indicizzazione e simili.

Quindi quale tecnica stanno usando qui ???

Stanno usando la @font-facetecnica. Usando una varietà di file e alcuni rilevamenti di pseudo browser sono in grado di servire i caratteri in modo coerente in tutti i browser. L'uso:

• True Type e WOFF per Webkit, Gecko e Opera
• EOT per Internet Explorer
• SVG per iOS

A causa del modo in cui è strutturato il CSS, controllerà se il font è disponibile localmente, se non lo è ed è IE, utilizzerà l'EOT e non caricherà altro. E se non è IE caricherà il carattere di cui avrà bisogno.

Dai un'occhiata a Font Squirrel per maggiori informazioni e kit di font @ face e un generatore di font e font @ font-face e CSS.

Stanno anche usando text-shadowun colore vicino a quello del testo. Questo crea l'effetto sfocato sul testo.

Questo sito Web utilizza una tecnica di font chiamata WOFF (World Open Font Format). Attualmente è in fase di standardizzazione su raccomandazione del W3C. Consente ai caratteri di essere incorporati direttamente nelle pagine Web.

http://en.wikipedia.org/wiki/Web_Open_Font_Format

Buona lettura Sembra essere un concetto molto interessante e sta iniziando a essere ampiamente accettato anche se è stato redatto l'anno scorso.

Controlla anche la directory dei caratteri di Google che è un ottimo modo per iniziare a utilizzare caratteri che non sono considerati "sicuri per il web". Fondamentalmente, tutto ciò che devi fare è aggiungere un tag link al font corretto nella directory prima del CSS che lo utilizza. Google determinerà il browser tramite l'agente utente e sputerà il css font-face richiesto. È quindi possibile utilizzare il carattere nella proprietà "famiglia di caratteri".

Ecco la guida rapida: http://code.google.com/apis/webfonts/docs/getting_started.html