Carattere personalizzato e CMS

Question

Sto costruendo un sito web per un artista a cui è stato realizzato un carattere personalizzato dalla sua calligrafia.Gli piacerebbe utilizzare questo carattere ampiamente in tutto il sito, non per tutto il corpo del testo perché sarebbe difficile da leggere, ma per i titoli, la navigazione, i callout e cose del genere.

Ho il file: è un file di caratteri TrueType.

Utilizzeremo un CMS basato su PHP per costruire il sito.

Qual è il modo migliore per utilizzare questo carattere personalizzato per questo scopo pur consentendo il nome della pagina, i titoli, ecc.essere modificato dal cliente nel CMS?Mi piacerebbe soddisfare il maggior numero di utenti possibile, ma andrebbe bene se alcuni visitatori del sito vedessero Arial o Verdana o qualunque cosa scegliamo per il corpo del testo.

Dovrei provare @font-face?Utilizzare PHP per creare immagini sul server?Sifr?Questo sito probabilmente resterà in circolazione per un po', quindi vorrei essere il più lungimirante possibile.Allo stesso tempo, vorrei essere davvero sicuro che nessuno possa utilizzare il carattere sui propri siti web o scaricarne una copia.

Alcune informazioni di base sul suo attuale sito esistente:Sito abbastanza frequentato con circa 500 visite (2000 pagine visualizzate) al giorno.

Statistiche del browser:

CIOÈ:48% (10% degli utenti IE su IE6, 42% su IE7, 48% su IE8)

FF:32% (38% di quelli al 3.5.5, 29% al 3.0.15, 11% al 3.5.4, 4% al 2.0.0.20 e 5% al ​​3.5.2)

Safari:17% (53% di quelli su 531.9, 13% su 531.21.10, 7% su 528.16, 5% su 525.22 e 4% su 530.19)

Cromo:2% (41% di quelli al 3.0.195.33, 31% al 3.0.195.27, 21% al 3.0.195.32 e 4% al 4.0.223.16)

Answer 1

La soluzione più semplice è quella di utilizzare il metodo @font-face. Se si include il Microsoft unico formato (.eot) che funzionerà in ANY del browser.

Check out alcuni di questi articoli per la sostituzione dei font.

http://www.zeldman.com/2009/ 02/12 / a prova di proiettile-font-face / http : //www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009 / 10 / font-face-the-time-is-ora /

È possibile utilizzare questo strumento da Microsoft per convertire il tipo di carattere per un .eot (La necessità formato per IE)

http://www.microsoft.com/typography/WEFT.mspx

Il metodo @font-face non richiede Javascript o Flash, come le tecniche di sIFR e Cufon menzionati in precedenza, quindi è più accessibile da parte di tutti.

E ' totalmente SEO friendly e scalabile .

Answer 2

Vorrei provare Cufon . Il carattere non sarebbe stato "protetto". Ma sarebbe necessario un po 'di sforzo tecnico per convertire il Cufon generato carattere di nuovo ad un volto TrueType o OpenType.

Answer 3

Il metodo mi sento di raccomandare è scalabile sostituzione Inman Flash (sIFR), che si possono trovare informazioni sul qui: http://www.mikeindustries.com/blog/sifr/

L'altra tecnica che è comune, ma non ho mai usato personalmente, è la sostituzione php Immagine. Entrambi richiedono l'uso di script, in modo da non lavorare con persone che fanno uso di noscript e so sIFR non funziona con Ad Block Plus, ma come hai detto tu, una grande percentuale del vostro mercato che funzionerà bene e sembra fantastico.

Answer 4

Due opzioni (a parte SIFR e Cufon come altri hanno notato):

Specifica un carattere personalizzato tramite CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

Crea immagini statiche:

Come hai notato, crea immagini per ciascuna intestazione utilizzando il carattere personalizzato: anche questo rappresenterebbe un ostacolo per chiunque desideri copiare il carattere.(Naturalmente, potrebbero sempre tracciare un carattere dalla grafica contenente il carattere e creare facilmente un TTF da esso).

Lo sciopero principale contro questa domanda è il seguente:

"Vorrei essere davvero sicuro che nessuno possa utilizzare il carattere sui propri siti web o scaricarne una copia"

Veramente?Senza utilizzare immagini statiche/flash/SIFR/Cufon, un utente dovrà scaricare una copia di un carattere sul proprio computer per poter visualizzare il carattere nel proprio browser web.Una volta che ne dai una copia all'utente, non puoi davvero aspettarti di controllare se la utilizza sul proprio sito web.Ancora una volta, è banale copiare un carattere da un'immagine statica e creare un TTF affinché tutto il mondo possa copiarlo: vedi siti come http://www.dafont.com/ per esempi di font famosi copiati (ad esempio, il font Transformers: http://www.dafont.com/search.php?psize=m&q=transformers)

Answer 5

@ font-face funziona alla grande per me. C'è un generatore di qui dove si può caricare il tuo carattere, e poi vi fornirà tutti i formati e di codice di cui ha bisogno: http://www.fontsquirrel.com/fontface/generator