CSS @font-face

MrClog

Nuovo Utente
23 Mag 2013
25
0
1
47
Napoli
Ciao a tutti,
rieccomi con un nuovo post.
FireFox mi sta massacrando. L'istuzione @Fontface non mi funziona con FireFox, mentre come al solito con Chrome si. Ho cercato di seguire la sintassi giusta.
Da premettere che il validatore CSS non mi da nessun errore :tifoso: e la creazione dei web-font l'ho fatta con Font Squirrel che posto di seguito

non capisco dove sbaglio
Codice:
@font-face {  /*Font Menù*/
    font-family: 'copperplate_gothic_lightRg';
    src: url('../font/copperplate-gothic-light-regular-webfont.eot');
    src: url('../font/copperplate-gothic-light-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/copperplate-gothic-light-regular-webfont.woff') format('woff'),
         url('../font/copperplate-gothic-light-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face { /*Font Menù*/
    font-family: 'copperplate_gothic_boldRg';
    src: url('../font/copperplate-gothic-bold-regular-webfont.eot');
    src: url('../font/copperplate-gothic-bold-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/copperplate-gothic-bold-regular-webfont.woff') format('woff'),
         url('../font/copperplate-gothic-bold-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


rendo noto che la directory font sta allo stesso livello della directory CSS


Potreste aiutarmi? Grazie. :book: :crying:
 
Ultima modifica:

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Evita di usare caratteri speciali tipo lettere accentate nei fogli di stile, non si sa mai.

Comunque se ci alleghi lo zip con tutti i files possiamo provare a fare qualcosa.

PS: Come non detto, spiega come hai risolto per favore.
 

MrClog

Nuovo Utente
23 Mag 2013
25
0
1
47
Napoli
Scusate per il ritardo della mia risposta.
Leggendo di qua e di la in giro per la rete ho potuto constatare che FireFox non visualizza tutti i caratteri, alcuni li snobba e non ho capito perché.
Infatti sul footer avevo utilizzato un carattere diverso, ma sempre esterno e veniva visualizzato.

Quindi sono arrivato alla conclusione che il problema era il tipo di carattere che FireFox non visualizza: "copperplate gothic light" e "copperplate gothic bold".

grazie:byebye:
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Font Css HTML e CSS 3
ecosito CSS: è possibile cambiare font con uno non di uso comune? HTML e CSS 11
L [CSS] portarsi dietro il font "Comic Sans MS" HTML e CSS 3
P Stampare valore font-size da css con javascript Javascript 2
S Problema con il css di un font HTML e CSS 2
GennyX Come far funzionare un CSS con font diverso HTML e CSS 6
SolidSnake4 info font nei css HTML e CSS 15
R css e nuova font HTML e CSS 6
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6

Discussioni simili