Estou personalizando o tema do meu Discourse e quero atualizar a fonte padrão (corpo/títulos) para algo mais único que combine com a identidade visual da minha comunidade. Sei que o Discourse permite definir fontes via Admin > Customize > Themes/Colors, além da opção de adicionar fontes web personalizadas via CSS.
Gostaria de opiniões sobre alguns pontos:
Vocês preferem usar Google Fonts, fontes auto-hospedadas ou as opções de fontes integradas do Discourse?
Há alguma preocupação de desempenho (velocidade de carregamento da página) ao adicionar fontes web personalizadas?
Existem boas práticas de acessibilidade que devo ter em mente ao escolher fontes para legibilidade?
Agradeceria muito dicas, recomendações de componentes de tema ou experiências que vocês tenham tido ao personalizar fontes em suas próprias instâncias do Discourse!
Na minha opinião, evite fontes que pareçam monoespaçadas (por exemplo, JetBrains Mono), pois são mais difíceis de ler, a menos que sua comunidade seja formada por desenvolvedores hardcore . Mas, falando sério, já participei de uma comunidade que usava essa fonte, e não é fácil (além disso, as letras ficam muito espaçadas para o meu gosto).
Hospedar as fontes localmente é sempre uma boa opção, pois você elimina a dependência de um recurso externo, reduzindo assim uma requisição de rede. Você pode baixar e hospedar as Google Fonts por conta própria, e as opções de fontes integradas do Discourse também são originadas do Google, mas não dependem dos servidores deles.
Como mencionado, ter as fontes servidas diretamente do seu site é melhor para o desempenho (embora as fontes geralmente sejam pequenas, então não é uma grande preocupação). Tente não incluir mais variantes e estilos do que o necessário; normalmente, duas fontes diferentes com pesos normal e negrito são suficientes.
Principalmente, evite fontes que sejam muito finas visualmente. Se o seu site tiver um modo escuro, verifique a legibilidade nesse modo também… às vezes, o esquema de cores pode fazer uma grande diferença. Tente ampliar/reduzir o zoom no navegador e alterar o tamanho da fonte nas preferências do usuário para garantir que nada inesperado ocorra.