Sto riscontrando problemi nell’usare la seguente dichiarazione @font-face per lavorare con la mia app Rails 3.1. Inserisco i caratteri nella Pipeline Asset nella sua cartella denominata “Caratteri” accanto a images e stylesheets e javascripts Ecco la dichiarazione che ho usato (generata da Font Squirrel.) @font-face { font-family: ‘ChunkFiveRegular’; src: url(‘Chunkfive-webfont.eot’); src: url(‘Chunkfive-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘Chunkfive-webfont.woff’) format(‘woff’), […]
Per qualche motivo i font hanno interrotto il rendering sui miei siti. I caratteri sono memorizzati localmente, sullo stesso server del sito. Ho esaminato il problema e sembra essere un’intestazione di Missing Cross-Origin Resource Sharing (CORS) Response Header ma non riesco a capire la soluzione per questo. Tutti i vari siti dicono di usare: Access-Control-Allow-Origin:* […]
Ho notato che questo info log iniziato a comparire in Google Chrome Dev (versione 55.0.2883.18 dev) e non riesco a immaginare perché. La rete lenta è rilevata. Il carattere di fallback verrà utilizzato durante il caricamento: http: //font-path.extension ` Appare su tutti i siti web che utilizzano il font-face , anche sulle pagine locali e […]
AGGIORNAMENTO: ho scritto un post sul blog su ciò che ho imparato su questo problema. Continuo a non capirlo completamente, ma spero che qualcuno leggerà questo e farà luce sul mio problema: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 Ho una pagina in cui sto usando @ font-face per importare un font personalizzato per le icone. Le icone sono create con […]
Qual è il modo giusto di usare @font-face modo che il browser non scarichi il font se l’utente lo ha già? Sto usando @ font-face per definire DejaVu, che è già installato sul mio sistema (linux). Firefox non sta scaricando il font, ma Chromium lo sta scaricando ogni volta! Il mio codice CSS, basato sullo […]
Ho provato a leggere più articoli su come gestire i caratteri personalizzati in IE, ma non sembravano mai funzionare per me. Ho provato a convertire i caratteri in EOT , ma non sembrava funzionare. Non sono sicuro di cosa sto facendo male, quindi posterò il mio codice @font-face { font-family: “Klavika Regular”; src: url(‘../fonts/klavika.eot’); src: […]
Ho un avviso in Google per il mio carattere: Risorsa interpretata come Font ma trasferita con applicazione di tipo MIME / octet-stream: “… / Content / Fonts / iconFont.ttf”. Funziona anche se ho questo avviso ma preferisco evitare questo avvertimento. Ecco la mia dichiarazione: @font-face { font-family: ‘iconFont’; src: url(‘../Fonts/iconFont.eot?#iefix’) format(’embedded-opentype’), url(‘../Fonts/iconFont.svg#iconFont’) format(‘image/svg+xml’), url(‘../Fonts/iconFont.woff’) format(‘font/x-woff’), […]
Sto usando @font-face per la prima volta e ho scaricato un font-kit da fontsquirrel Il codice che raccomandano di inserire nel mio CSS è: @font-face { font-family: ‘junctionregularRegular’; src: url(‘Junction-webfont.eot’); src: local(‘☺’), url(‘Junction-webfont.woff’) format(‘woff’), url(‘Junction-webfont.ttf’) format(‘truetype’), url(‘Junction-webfont.svg#webfontoNEpZXy2’) format(‘svg’); } Ora, la faccina sorridente mi ha abbandonato. Ma anche il numero di URL nella src – […]
http://fwy.pagodabox.com http://friends-with-you.myshopify.com/ Ho i miei font e css ospitati su un server pagodabox.com e sto sviluppando la sezione del negozio su shopify. Voglio usare lo stesso foglio di stile dal sito di pagodabox ospitato per il sito shopify. Ma i miei font non vengono caricati in firefox, versione 13.0.1 C’è un problema con FF o […]
Sto cercando di ottenere in Internet Explorer il rendering dei miei bei caratteri. La sua non funziona. Funzionano bene in Firefox e posso vedere nei miei log di accesso Apache che IE ha tirato i caratteri. Quindi sta analizzando il tag CSS di font-face, ma non li mostra. Il sito che ho usato per convertire […]