2012-02-23 14 views
17

Nel nostro sito Web il font "Segoe UI Light" non viene visualizzato correttamente in FireFox 7, mentre lo fa in IE9. Cosa dovrei controllare?Il font "Segoe UI Light" non viene visualizzato in FireFox 7

+0

Qual è il formato del carattere? TTF? Sistema organizzato di negoziazione? –

+1

È necessario fornire una pagina di esempio. – ceejayoz

+0

Cancella la cache di Firefox e forza una ricarica. – j08691

risposta

26

Prova questo CSS

font-family: Segoe UI; 
font-weight: lighter; 

realtà carattere nome di famiglia è Segoe UI e Luce è lo stile (tipo di carattere sub, come nel caso di grassetto e corsivo)

Questo funziona sul mio lato

+2

Avrai bisogno di citare il nome della famiglia: "Segoe UI" – BoltClock

+0

Questo funziona, grazie mille kingpin! – abenci

+0

Dovrai farlo anche per Chrome (e probabilmente anche Safari). –

1

Verificare se l'utente ha installato sul proprio computer. Stai usando @ font-face?

+0

La stessa macchina su cui funziona IE9 ... – abenci

+0

L'interfaccia utente di Segoe è un tipo di carattere predefinito su Windows Vista e successivi, gli unici sistemi operativi supportati da IE9. – BoltClock

13

Questo ha funzionato perfettamente per me. Funziona anche su tutti i principali browser.

font-family: "Segoe UI Light","Segoe WPC","Segoe UI", 
       Helvetica, Arial, "Arial Unicode MS", Sans-Serif; 

Btw, Segoe UI Light è un tipo di carattere autonomo, non è uno stile.

2

Questa è una specie di risposta in ritardo, ma in realtà ho appena copiato ciò che il sito di Microsoft ha fatto, funziona benissimo in tutti i principali browser e la maggior parte dei non importanti.

font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; 

Spero che questo ha aiutato.

0
font-family: Segoe UI; 
font-weight: 300; 

Il peso del font a 300 lo rende davvero vicino a Segoe UI Light.

0

È difficile farlo funzionare in Firefox. Il peso del font 300 non funziona poche volte in tutte le versioni. Il codice seguente ha funzionato per me e compatibile con tutti i browser

font-family: "Segoe UI Light","Segoe UI"; 
font-weight: 300; 
Problemi correlati