Alterei a fonte para Source Sans Pro, mas só tem efeito nas letras

Funcionalidade
1

Eu alterei a fonte base do meu site aqui:
image

Após a alteração, ficou assim: :seta_para_baixo:

image
image995×430 47.6 KB

A fonte foi alterada para caracteres alfabéticos, mas não para caracteres chineses. Os caracteres chineses ainda estão na fonte padrão. Gostaria de saber o porquê… e gostaria de corrigir isso. Alguém poderia me ajudar? :homem_curvando-se:

PS: Tentei a API do Google Fonts e o componente de tema do Google Font também. Cheguei a tentar fazer upload de uma fonte (Source Sans Pro) como um ativo do tema. Os resultados são os mesmos.

1 curtida
2

Todas as informações que consigo encontrar sobre Source Sans Pro indicam que ela não suporta caracteres chineses. Ela tem apenas algumas centenas de glifos latinos.

Você teria que usar Source Han Sans Traditional Chinese ou …Simplified Chinese em vez disso. (Ou alguma outra fonte com suporte para glifos CJK.)

3 curtidas
3

Ah… Confundi Source Sans Pro com Source Han Sans. Agora entendi, obrigado!

Mas encontrei este problema ao usar Noto Sans Simplified Chinese (= Source Han Sans) através da API do Google Fonts.

4

Parece que, para usar vários scripts juntos no mesmo fórum, você pode precisar usar CSS personalizado.

Basicamente, você vai querer terminar com uma formatação de fonte como esta, em seu CSS:

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

Não tenho certeza se a configuração de Fonte Base é capaz de realizar essa tarefa.

3 curtidas
5

De fato, eu não coloquei nada em CSS, agora vejo onde estava o problema. Seguindo o guia oficial da Google Font para usar fontes Noto na web que você mencionou, modifiquei a fonte do meu site para Noto Sans SC com sucesso! :smiling_face_with_three_hearts: Obrigado!!

Para aqueles que podem ter tido o mesmo problema que o meu (falha ao configurar fontes Noto para idiomas não europeus no meu site através da API do Google Font), dê uma olhada no guia oficial mencionado acima.

E uma dica para aqueles que desejam usar Noto Sans CJK, lembre-se de colocar Noto Sans antes de Noto Sans TC (ou SC, JP etc. na propriedade font-family) para garantir uma boa aparência para caracteres alfabéticos.
Exemplo:

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