Cambiado fuente a Source Sans Pro pero solo toma efecto en letras

Cambié la fuente base de mi sitio aquí:
image

Después del cambio, se ve así: :arrow_down:

La fuente cambió para los caracteres alfabéticos, pero no para los caracteres chinos. Los caracteres chinos siguen con la fuente predeterminada. Me pregunto por qué… y me gustaría arreglar esto. ¿Alguien podría ayudarme? :bowing_man:

PD: Probé la API de Google Fonts y el componente temático de Google Font también. Incluso intenté subir una fuente (Source Sans Pro) como activo del tema. Los resultados son los mismos.

1 me gusta

Toda la información que puedo encontrar sobre Source Sans Pro indica que no admite caracteres chinos. Solo tiene unos pocos cientos de glifos latinos.

Tendrías que usar Source Han Sans Traditional Chinese o …Simplified Chinese en su lugar. (O alguna otra fuente con soporte para glifos CJK).

3 Me gusta

Oh… confundí Source Sans Pro con Source Han Sans. ¡Ahora entiendo, gracias!

Pero me encontré con este problema al usar Noto Sans Simplified Chinese (= Source Han Sans) a través de la API de Google Fonts.

Parece que, para usar varios scripts juntos en el mismo foro, es posible que necesites usar CSS personalizado.

Básicamente, querrás terminar con un estilo de fuente como este, en tu CSS:

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

No estoy seguro de que la configuración de Fuente base esté a la altura.

3 Me gusta

De hecho, no puse nada en CSS, ahora veo dónde estaba el problema. Siguiendo la guía oficial de Google Font para usar fuentes Noto en la web que mencionaste, modifiqué la fuente de mi sitio a Noto Sans SC ¡con éxito! :smiling_face_with_three_hearts: ¡Gracias!

Para aquellos que puedan haber encontrado el mismo problema que yo (no pude configurar fuentes Noto para idiomas no europeos en mi sitio a través de la API de Google Font), echen un vistazo a la guía oficial mencionada anteriormente.

Y un consejo para aquellos que deseen usar Noto Sans CJK, recuerden poner Noto Sans antes de Noto Sans TC (o SC, JP, etc. en la propiedad font-family) para asegurar una buena apariencia para los caracteres alfabéticos.
Ejemplo:

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