Articles of font face

Disegnare il testo su con @ font-face non funziona alla prima volta

Quando disegno un testo in una canvas con un carattere tipografico che viene caricato tramite @ font-face, il testo non viene mostrato correttamente. Non mostra affatto (in Chrome 13 e Firefox 5), o il carattere tipografico è sbagliato (Opera 11). Questo tipo di comportamento imprevisto si verifica solo al primo disegno con il carattere tipografico. […]

Fai in modo che i font Adobe funzionino con CSS3 @ font-face in IE9

Sono in procinto di creare una piccola applicazione intranet e provare, senza fortuna, a utilizzare il carattere Adobe che ho acquistato ultimamente. Come sono stato informato, nel nostro caso non si tratta di una violazione della licenza. Ho convertito le versioni .ttf / .otf di font in .woff, .eot e .svg, in modo tale da […]

font-face con tipo MIME sbagliato in Chrome

Questa è la dichiarazione @font-face che ho usato: @font-face { font-family: SolaimanLipi; src: url(“font/SolaimanLipi_20-04-07.ttf”); } Funziona perfettamente in Firefox ma non in Chrome. Dopo “inspect element” ho ricevuto il seguente messaggio: Risorsa interpretata come carattere ma trasferita con applicazione di tipo MIME / octet-stream. Ogni suggerimento sarà apprezzato.

@ font-face EOT non sta caricando su HTTPS

Sommario Sto incontrando un problema usando @ font-face su HTTPS in IE 7,8,9 – semplicemente non si sta caricando. Non importa se la pagina HTML che contiene è ospitata su HTTPS o meno, quando provo a caricare il font EOT su HTTP funziona, HTTPS no . Qualcuno ha visto questo comportamento? Il server che ospita […]

@ font-face funziona in IE8 ma non IE9

Come descritto sopra, ho problemi con @ font-face che non viene visualizzato in IE9 anche se viene visualizzato correttamente in tutti gli altri browser, incluso IE8 e sotto. Inoltre, quando visualizzi localmente sul mio computer, IE9 mostra il carattere, ma non quando è completamente live. Il sito è: bigwavedesign.co.uk/gcc/gcc/ Il codice utilizzato è: @font-face { […]

@ anti-alias di font-face su windows e mac

Ho usato http://www.fontsquirrel.com/ per creare un kit @ font-face. Funziona bene, ma il risultato su Windows è diverso dal risultato su mac. Su Windows il font sembra avere un anti-alias sbagliato: questo è il risultato su Mac con FF, Chrome o Safari (tutti aggiornati all’ultima versione). questo è il risultato su Windows con FF o […]

I font @ font-face funzionano solo sul proprio dominio

Sto cercando di creare un tipo di repository di font da utilizzare sui miei siti Web, in modo da poter chiamare qualsiasi font nel repository nel mio css senza altri set-up. Per fare questo ho creato un sottodominio sul quale ho inserito cartelle per ogni font nel repository che conteneva i vari tipi di file […]

Perché dovremmo includere ttf, eot, woff, svg, … in un font-face

In CSS3 font-face , ci sono più tipi di font inclusi come ttf , eot , woff , svg e cff . Perché dovremmo usare tutti questi tipi? Se sono speciali per i diversi browser, perché il loro numero è maggiore del numero dei principali browser Web?

Amazon S3 CORS (Cross-Origin Resource Sharing) e caricamento dei caratteri cross-domain di Firefox

C’è stato un problema di vecchia data con Firefox che non caricava font di origine diversa dalla pagina web corrente. Di solito, il problema sorge quando i font sono serviti su CDN. Varie soluzioni sono state sollevate in altre domande: CSS @ font-face non funziona con Firefox, ma funziona con Chrome e IE Con l’introduzione […]

Perché @ font-face lancia un errore 404 sui file woff?

Sto usando @font-face sul sito della mia azienda e funziona / sembra fantastico. Tranne Firefox e Chrome .woff un errore 404 sul file .woff . IE non lancia l’errore. Ho i caratteri posizionati nella radice ma ho provato con i caratteri nella cartella css e anche dando l’intero URL per il carattere. Se rimuovi questi […]