Comments on: font-face e Webfonts: come usarli

By: briareoz

briareoz — Sat, 03 Dec 2011 22:52:50 +0000

Ottimo articolo e… sempre attuale!
Grazie tatac per il link.

By: tatac

tatac — Wed, 01 Dec 2010 09:18:38 +0000

Semplice e completo.
Io genero il codice con http://www.fontsquirrel.com/fontface/generator testato su più browser con ottimi risultati.

Odiavo cufon e sirf

By: Fabrizio

Fabrizio — Wed, 28 Jul 2010 10:19:43 +0000

Finalmente un’articolo che fa chiarezza sulla situazione. Grazie davvero!

By: Massimo

Massimo — Mon, 19 Jul 2010 14:24:14 +0000

grazie mille per l’articolo, mi è stato molto utile :)

funziona tutto egregiamente ;)

By: Paolo

Paolo — Sat, 15 May 2010 07:35:47 +0000

Innanzi tutto complimenti per il sito. Sono anche io un appassionato di Tipografia e web typography e il tuo lavoro parte proprio bene.Il mio problema: ho implementato @font-face su un sito, ma mozilla per mac mi da problemi: sapresti dirmi se hai riscontrato cose simili? Mi funziona su tutto tranne su Mozilla (3.6) sul mac. (devo dire che mi da lo stesso problema su un altro sito che utilizza typekit… Sempre lui.

By: Paolo

Paolo — Fri, 14 May 2010 20:31:09 +0000

Ciao, innanzi tutto complimenti per il sito, mille di questi articli!.
Io sto avendo problemi con mozzilla per mac (3.6). la regola mi funziona sul pc, su safari, ma non su mozzilla per mac. Hai qualche idea? le ho provate tutte!

By: ale

ale — Tue, 02 Mar 2010 14:17:35 +0000

Articolo molto interessante. Ho fatto una prova ma firefox visualizza un alert per ogni font usata e l’utente può decidere se accettare oppure no. C’è un modo per evitare questo problema? grazie

By: Giacomo

Giacomo — Fri, 15 Jan 2010 01:51:00 +0000

Sto iniziando a muovere i primi passi nel mondo dei CSS ed ho trovato questo articolo molto molto interessante!

Purtroppo applicando il @font-face ho avuto un problema con un font che ho scaricato (è di libero utilizzo http://www.windowfonts.com/fonts/ffx-simple-thin.html).
Nel creare un sito web ho utilizzato il seguente codice :
@font-face{
font-family: europa;
src: url(ffx-simple-thin.ttf) format("truetype") ;

}

.europa{ font-family: europa; }

Ora,premesso che ho provato a cambiare font(sempre scaricati del sito) e tipo di format (e con altri caratteri funzionava), ho inserito nel tag body il seguente codice :
testo prova ma non mi cambia il tipo di font!:-(

Ripeto: ho provato ad usare altri font o a cambiare il format ma SOLO con questo non mi funziona e non riesco proprio a capire il motivo.
Spero di essere stato chiaro nella spiegazione :-)

Grazie.
Giacomo.

By: aggiungere nuovi font su altervista - AlterVista | Spazio web gratis, hosting free php mysql

Mon, 07 Dec 2009 19:59:25 +0000

[...] [...]

By: admin

admin — Sun, 15 Nov 2009 00:59:22 +0000

Ciao Slash, scusa per la risposta in ritardo.
dunque, sì ci sono ovviamente restrizioni riguardo il copyright, ho cercato di spiegarlo nell’articolo ma è difficile essere chiari perchè la situazione è complessa ma soprattutto acerba per ora, essendo @fontface una regola nuova.

alcune distributori di fonts, quelli che vendono i fonts online, offrono delle licenze apposta per l’embedding tramite @fontface e generalmente questo significa che devi specificare il sito in cui lo userai e sarai limitato a quello.
Se invece decidi di usare un font gratuito che hai trovato online guarda ha un’eula, ovvero una licenza d’uso, e se in essa si concede l’incorporamento nei siti. cmq in generale i font distribuiti gratuitamente non hanno restrizioni. Nel post ho segnalato alcuni link a typefoundries che distribuiscono fonts gratuiti proprio per l’uso online. se guardi nella sezione "about" del logo ci sono anche i link ai font che uso io stesso sul blog.

come regola io ti consiglio di usare sempre solo fonts per i quali sei sicuro sia permesso l’uso o dei quali hai acquistato una licenza. e come ho spiegato nell’articolo stai attento perchè quando acquisti un font l’hai solo noleggiato e puoi usarlo solo come descritto nell’eula, non puoi farci quello che ti pare. anche se costano un sacco di soldi purtroppo.

veniamo al tuo problema tecnico. non sono sicuro del perchè non abbia funzionato, ti assicuro che sia su safari che da firefox 3.5 in poi @fontface funziona. se mi mostri cos’hai fatto in dettaglio magari troviamo la soluzione.
per quanto riguarda la differenza locale e remoto: con locale intendo il tuo computer, mentre remoto vuol dire ospitato su un server (il tuo in questo caso).
Se usi "local()" mettendo il nome del font nelle parentesi, il font verrà usato/visualizzato solo da chi ha quel font installato sul suo computer. un po’ come funziona di solito in css. se invece usi "url()" dove tra parentesi metti il percorso al font, il font lo devi caricare sul server dove ospiti il tuo sito e sfrutti la potenzialità di @fontface, ovvero poter usare qualsiasi font tu abbia messo su un server senza che chi visita il tuo sito debba averlo installato sul proprio computer.

forse ti ha confuso l’uso di "local()" per ingannare IE ma è solo una scappatoia pulita perchè @fontface funzioni bene anche su IE senza mandare requests inutili al server.

spero d’esserti stato d’aiuto. se hai bisogno chiedi ancora e sta volta cercherò di risponderti prima :)