Webkit supporta @font-face
Giovedì 4 Ottobre 2007 - 15:28
di Cesare Lamanna
Lo attendavamo su Opera 9.5 il supporto ai Web Fonts, ma almeno sulla prima alpha di Kestrel (il nome in codice della prossima release del browser norvegese) questa funzionalità non è stata implementata.
Chi volesse provare cosa significa sfruttare nei propri CSS i font scaricabili dal web e definiti con la proprietà @font-face, può però contare su Webkit. David Hyatt ha infatti annunciato su Surfin’ Safari che l’ultima nightly build del ramo feature di Webkit supporta i Web Fonts. Si può scaricare da questa pagina. Mentre scrivo è disponibile solo la versione per Mac.
Letto, fatto. Ho scaricato, installato e provato uno degli esempi proposti da Hakon Wium Lie in questo articolo uscito su A List Apart. Risultato su Safari/Webkit:
E su Firefox 2.0:
Nel primo caso il titolo h1 viene visualizzato con il font “Port Credit” (scaricato da qui), nel secondo si ripiega su un “Impact” definito come secondo font della lista.
Consiglio a chi fosse interessato ad approfondire l’argomento la lettura dell’articolo di Lie e lo studio del CSS dell’esempio.
Commenti
1
Questa è una bella notizia!
2
scusate, ma io utilizzo opera 9.23 e google reader non visualizza nessuna nuova notizia solo i menu in alto, devo settare qualcosa o è un bug di opera?
# - postato da m@rkux - 04 Ottobre 2007 - 16:32
3
Davvero una buona cosa … :D
4
Ciao a tutti belli e brutti….
Sono uno sviluppatore J2EE, ho sempre avuto poco a che fare con i CSS, però ho deciso di farmi un piccolo sito e qui è subito arrivato il primo intoppo che spero voi disegnatori possiate aiutarmi a risolvere.
Ho deciso di usare un font particolare non di quelli classici. Il font è un file di tipo ttf, ossia type text font, scaricabile gratuitamente dalla rete. Poi, seguendo le NUOVISSIME direttive del W3C per il CSS, ho provato ad usarlo ma ovvimanete non funziona. Vi lascio qui il link del bravo sviluppatore che segue a menadito, come me, le regole del CSS e poi se lo prende nello stoppino….
http://www.w3.org/TR/REC-CSS2/.....scriptions
Nel paragrafo 15.3.1 trovate l’argomento trattato.
Sapete dirmi cosa si può usare, spiegando in maniera CHIARA, come mai i web-broswer non supportano i fonts con il @font-face ? Esiste qualche plug-in, qualche trucchetto a livello Javascript che può essere usato ? Esiste qualche cross-broswer technique o l’unica soluzione è prenotare un viaggio a Lourdes ?
Qualsiasi risposta è ben accetta e grazie in anticipo per la lettura.
# - postato da Diego - 26 Maggio 2008 - 10:52