Embedded font sul proprio sito

[marcocarrieri]

Embedded font sul proprio sito

Salve, come da titolo, vorrei sapere, se esiste un modo sicuro per poter utilizzare un font particolare sul proprio sito e visibile da tutti i browser/pc.

Leggendo per la rete, vedevo che esiste la tecnica dell'embedded font... Sbaglio?

Consigli?

[vnotarfrancesco]

Ci sono tante tecniche per visualizzare font non standard su una pagina web, alcune ci riportano ad epoche lontane, ai tempi di IE5, altre rappresentano il futuro.

Ci sono metodi che usano degli script js, vedi font cufon e typeface.js con i pro e i contro di usare uno script per re-rendirizzare la pagina html dopo il suo caricamento lato client. Attenzione che alcune implementazioni degli script possono avere problemi con set di caratteri non occidentali.

Io userei però la tecnica come abbozzato nelle specifiche CSS3, ovvero @font-face seguendo però le implementazioni dei maggiori browser (perché se aspettiamo il w3c avremo i nostri nipoti che staranno già usando il XCSS5).

@font-face {
font-family: "MyFamilyname", cursive [, ...];
font-style: normal [, ...];
font-variant: normal[, ...];
font-weight: bold[, ...];
font-stretch: condensed[, ...]; /* Not supported /
font-size: 12pt;[, ...] / Not supported */
src: local("Font Family Name"),
url(http://..../fontfile.ttf) format("truetype"),
url(http://..../fontfile.ttf) [, ...];
}

Qui un esempio minimale: playground.html5rocks.com/#web_fonts
Questo è un esempio più elaborato ed è quello che si può fare usando solo html, niente immagini, niente flash: apple.com/html5/showcase/typography/

Valerio Notarfrancesco

[marcocarrieri]

Ma se uso un font preso ad esempio dal menu di Word non è detto che gli altri ce l'abbiano vero?

Ho provato questo.

Qui un esempio minimale: playground.html5rocks.com/#web_fonts

Ma a me stampa tutto uguale sempre...

[vnotarfrancesco]

@marcocarrieri said:

Ma se uso un font preso ad esempio dal menu di Word non è detto che gli altri ce l'abbiano vero?
Esatto proprio per quello nella proprietà url del @font-face indichi al browser dove scaricare il font; il tutto è trasparente per l'utente (onere di cronoca: il primo browser a supportare @font-face url fu IE5).
@marcocarrieri said:
playground.html5rocks.com/#web_fonts
Ma a me stampa tutto uguale sempre...
E' un esempio, può darsi che abbiano personalizzato il css in base al media, print, screen, ecc. ecc.
Comunque a video riesci a vedere i caratteri diversi?

Valerio Notarfrancesco

[marcocarrieri]

Pero se io metto il mio bel font nella mia cartella... devo anche preoccuparmi di avere i diritti di utilizzo sul web per tale font vero...?

[vnotarfrancesco]

Certo, bisogna sempre controllare la licenza d'uso e un font non fa eccezione. Tuttavia si trovano davvero tanti font la cui licenza permette l'uso libero.
Considera anche che puoi usare un font comune ed applicargli delle trasformazioni.

Valerio Notarfrancesco

[marcocarrieri]

Mmm grazie...
Hai un sito di riferimento per font gratuiti?

[vnotarfrancesco]

No, qui purtroppo non ho nulla di meglio oltre a Google.

Valerio Notarfrancesco

[marcocarrieri]

Okk grazie, quando sarà ora daro una bella sbirciata...