2014-05-21 9 views
8

Ho lavorato su un paio di siti Web multilingue con una versione inglese e cinese. Vorrei sempre specificare una famiglia di font CSS cinese per la versione cinese e una inglese per la versione inglese. Ha senso, giusto?CSS - Perché i siti Web cinesi utilizzano la famiglia di font inglese

Esempio:

cinese:

html body.chinese { 
    font-family: '宋体',宋体b8b体,Microsoft YaHei, Arial, sans-serif 
} 

inglese:

html body { 
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif; 
} 

Poi ho notato che il mio carattere non sempre viene visualizzata correttamente in cinese seconda del sistema operativo/browser, in modo Sono andato a dare un'occhiata a come alcuni famosi siti web cinesi lo fanno ...

Cosa ho è stato scoperto che non specificano le famiglie di caratteri cinesi, ma solo quelle inglesi come Arial.

Date un'occhiata a baidu.com:

body { 
    font: 12px arial; 
} 

Weibo.com:

body, button, input, select, textarea { 
    font: 12px/1.125 Arial,Helvetica,sans-serif; 
    _font-family: "SimSun"; 
} 

1) Qualcuno sa perché Baidu non specifica un carattere cinese comune come SongTi?

2) E perché weibo allo stesso, ma aggiungono "_font-famly:" SimSun "" sotto la loro dichiarazione font con un carattere di sottolineatura anteposto?

A proposito: ho usato sia computer che browser in inglese e cinese per controllare e sono in Cina. Viene sempre visualizzato in questo modo.

+1

proprietà css con prefisso _ è un vecchio hack per versioni precedenti di ie ie windows. La mia ipotesi sull'uso di weibo è che arial e helvetica hanno probabilmente alcuni caratteri tipici di fallback con caratteri cinesi nei moderni sistemi operativi e/o browser. Vecchie finestre o versioni precedenti potrebbero non avere questo fallback, quindi il trucco di sottolineatura. – Quad

+0

Questa domanda sembra essere fuori tema perché si tratta di speculare sui motivi delle decisioni di codifica. –

+0

Il motivo per cui non si specifica il carattere cinese è perché il browser eseguirà il fallback sul carattere tipografico cinese predefinito come Heiti SC/TC o Songti SC/TC. A causa delle grandi dimensioni del font cinese, se hai bisogno del supporto per il carattere tipografico cinese, vai alla web font company come justfont.com o youziku.com. Offrono un supporto per caratteri diversi rispetto all'API di Google Font. – chenghuayang

risposta

8

ho trovato una buona guida sulle definizioni font-family cinesi per CSS qui: http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/

In pratica la maggior parte dei siti web solo dichiarare un tipo di carattere inglese e lasciare che il fallback browser per il carattere cinese di default per entrambi i serif (di solito '宋体' aka SimSun) o sans-serif (di solito SimHei).

Problemi correlati