Freigeben über

Internet Explorer 9: CSS3 Fonts e WOFF

  • Artikel

Tra gli elementi supportati in IE9 abbiamo anche il supporto per il Web Open Font Format il web container format nato per fornire un nuovo formato unico per i diversi browser, proposto al W3C nel Aprile 2010 da Mozilla, Opera e Microsoft.  Internet Explorer 9 supporta sia  i WOFF che anche EOT (Embedded OpenType)  con il rule descriptor  @font-face implementato in modo  conforme alle specifiche del  modulo CSS3 Fonts Module, consentendo l'installazione dinamica di Font per una pagina Web .

Attraverso @font-face  si possono dichiarare in uno style ed installare dinamicamente per l'utilizzo nella pagina dei font come nell'esempio di seguito:

@font-face {
    font-family: freeBooterFont;    src: url('../fonts/fsample.woff') format('woff');  
   font-weight: normal;   
   font-style: normal;}  

Aggiornata anche la proprietà  font-weight  e font-size  che ora è aderente al  CSS3 Fonts Module e disponibile anche la proprietà  font-stretch nuova in IE che permete di selezionare normal, condensed, o expanded face da una font family, la proprietà è disponibile anche in  @font-face .

Disponibili per l'uso con il nuovo formato WOFF-encoded font tra cui Monotype Imaging, Ascender Corporation, FontShop e Typotheque che hanno fornito anche i Font utilizzati nella demo su questa funzionalità nel Testdrive demos.

Un bel esempio di utilizzo di @font-face  CCS3 e WOFF lo trovate tra i siti di beautyoftheweb in particolare con il sito NeverMindThe Bullets ed anche nella implementazione demo di Deejay.