Corsi on-line

Registare un font con @font-face e jQuery

Come è noto, la proprietà @font-face permette di richiamare e utilizzare un font all’interno di una pagina Web anche se questo non è installato nel client del visitatore; vi piacerebbe poter importare font tramite CSS utilizzando il classico metodo basato sui selettori come nell’esempio seguente?

#nome_id, .elementi {
  font-family: "NomeFont", Arial, sans-serif;
}

Ciò è possibile effettuando una semplice procedura di “registrazione”, tramite jQuery, nel modo seguente:

$("#nome_id, .elementi").fontface({
  fontName : "NomeFont",
  fontFamily : ["NomeFont", "Helvetica, Arial, sans-serif"],
  filePath : "/_fonts/",
  fileName : "NomeFont-regular-webfont"
});

Per poter utilizzare il codice mostrato avrete assoluta necessità di effettuare i vostri test su un browser compatibile con CSS3. Inoltre, vi sarà indispensabile scaricare l’apposito plugin per @font-face di jQuery.

Post correlati
I più letti del mese
Tematiche