Modificato il font in Source Sans Pro ma ha effetto solo sulle lettere

Ho cambiato il font di base per il mio sito qui:
image

Dopo la modifica, appare così: :arrow_down:

Il font è cambiato per i caratteri alfabetici ma non per quelli cinesi. I caratteri cinesi sono ancora nel font predefinito. Mi chiedo perché… e vorrei risolvere questo problema. Qualcuno potrebbe aiutarmi? :bowing_man:

PS: Ho provato sia l’API di Google Fonts che il componente tema Google Font. Ho persino provato a caricare un font (Source Sans Pro) come risorsa del tema. I risultati sono gli stessi.

1 Mi Piace

Tutte le informazioni che riesco a trovare su Source Sans Pro indicano che non supporta i caratteri cinesi. Ha solo poche centinaia di glifi latini.

Dovresti invece usare Source Han Sans Traditional Chinese o …Simplified Chinese. (O qualche altro font con supporto per glifi CJK.)

3 Mi Piace

Oh… Ho scambiato Source Sans Pro per Source Han Sans. Ora capisco, grazie!

Ma ho riscontrato questo problema quando ho utilizzato Noto Sans Simplified Chinese (= Source Han Sans) tramite l’API di Google Fonts.

Sembra che, per utilizzare più script insieme nello stesso forum, potrebbe essere necessario utilizzare CSS personalizzato.

In sostanza, si vorrebbe ottenere uno stile di font simile a questo, nel proprio CSS:

font-family: 'Noto Sans Simplified Chinese', 'Noto Sans', sans-serif;

Non sono sicuro che l’impostazione del font di base sia all’altezza del compito.

3 Mi Piace

In effetti, non avevo inserito nulla nel CSS, ora capisco dov’era il problema. Seguendo la guida ufficiale di Google Font per l’utilizzo dei font Noto sul web che hai menzionato, ho modificato con successo il font del mio sito in Noto Sans SC! :smiling_face_with_three_hearts: Grazie!!

Per coloro che potrebbero aver riscontrato lo stesso problema mio (impossibilità di impostare i font Noto per lingue non europee sul mio sito tramite Google Font API), date un’occhiata alla guida ufficiale menzionata sopra.

E un consiglio per coloro che desiderano utilizzare Noto Sans CJK, ricordatevi di mettere Noto Sans prima di Noto Sans TC (o SC, JP ecc. nella proprietà font-family) per garantire un buon aspetto ai caratteri alfabetici.
Esempio:

body {
    font-family: 'Noto Sans', 'Noto Sans SC', sans-serif;
}