Google Fonts

:discourse2: Resumo Google Fonts é um componente de tema simples que permite adicionar uma fonte do Google Fonts sem precisar escrever nenhum CSS.
:eyeglasses: Pré-visualização Pré-visualizar no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-google-font-component
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instalar este componente de tema

Funcionalidades

Este componente permite definir a fonte principal do site e, opcionalmente, fontes separadas para títulos e texto monoespaçado (blocos de código). Você também pode escolher um peso de fonte em cada caso e aumentar o tamanho da fonte.

Por trás das cenas, isso configura um pouco de CSS junto com o <link> da fonte do Google. Observe que isso depende do Google para servir os arquivos de fonte de https://fonts.googleapis.com/.

Configurações

Nome Descrição
fonts Adicione o nome da(s) fonte(s) que deseja usar no fonts.google.com. Observe que os nomes das fontes são sensíveis a maiúsculas e minúsculas!
body font A fonte principal usada em todo o Discourse, deve estar incluída na configuração “fonts” acima
body font weight Espessura da fonte na faixa de 100-900. 400 é normal, 700 é negrito
headline font Fonte opcional para títulos, deve estar incluída na configuração “fonts” acima
headline font weight Espessura da fonte na faixa de 100-900. 400 é normal, 700 é negrito
monospaced font Fonte opcional para blocos de código, deve estar incluída na configuração “fonts” acima.
monospaced font weight Espessura da fonte na faixa de 100-900. 400 é normal, 700 é negrito
normal font size Tamanho de fonte padrão para todos os usuários; ajustar isso alterará todos os tamanhos de fonte proporcionalmente
smaller font size Selecionável nas preferências de interface de cada usuário
larger font size Selecionável nas preferências de interface de cada usuário
largest font size Selecionável nas preferências de interface de cada usuário

:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

51 curtidas

This Fantastic! Can this be installed Multiple Times to link to different themes by changing it’s Name in Advanced install?

I don’t see why not. We’ve installed the same theme twice, for example here on Meta to have both a light and dark version.

3 curtidas

Thanks. Forgot you can rename it to identify/link it to other themes.

1 curtida

Thank you. I love it. :grin:

3 curtidas

Thanks :heart: I really love it.

Acabei de descobrir que este componente não funciona para páginas /pub/ (publicadas). As fontes não estão sendo carregadas nessas páginas, resultando em uma fonte padrão semelhante a Times New Roman.

1 curtida

Também estou vendo fontes padrão, mas na página de ativação de conta https://yoursite.org/u/activate-account/...

Tentei e isso é realmente um problema.

A página publicada tenta carregar a fonte do Google através do componente de tema:

image

O arquivo de fonte não está sendo carregado na página publicada, ele não recorre à variável font-family Arial, sans-serif e usa Times New Roman em vez disso.

Pode haver espaço para melhorias aqui, desde que as páginas publicadas possam acessar as modificações necessárias.

1 curtida

Para ser honesto, desde essa descoberta, eu defino minhas fontes em CSS personalizado. Funciona muito bem.

2 curtidas

Isso é incrível, obrigado a você e à sua equipe por desenvolverem um recurso tão conveniente ^^. Vou recomendá-lo a pessoas que conheço que usam o Discourse para construir comunidades de usuários.

Relatório rápido de bug: Acabei de notar que, quando defino o peso da fonte, o texto em negrito não aparece como negrito.

Testei isso com as fontes Work Sans e Zilla Slab. Mudei o peso da fonte do padrão (400) para 300. Quando fiz isso, o texto em negrito não apareceu em negrito. Redefini essa configuração e o texto em negrito reapareceu.

Defini para 400 e encerrei por hoje, mas queria avisar.

Obrigado pelo seu trabalho nisso!

Há alguma maneira de entrar um pouco mais nos detalhes? A fonte “Headline” está aparecendo com peso 900 por padrão com Headers dentro de Topics. Seria ótimo definir os padrões para cada um desses objetos Markdown.

1 curtida

Parece haver um bug com isso, pelo menos no meu fórum, se eu adicionar a fonte “Inter” com este componente, o seguinte acontece:

  • Comece a editar ou compor uma mensagem
  • Mude para outro aplicativo enquanto o editor estiver aberto
  • Volte, e o zoom estará completamente errado, como se estivesse muito ampliado
  • Também haverá bugs com o Chat e com a rolagem agora

Não tenho certeza se acontece com outras fontes, mas acontece 100% das vezes se eu adicionar este componente a qualquer tema.

Este é um bug conhecido? Existe uma correção?

Obrigado.

2 curtidas

Já temos o Inter integrado, se você quiser alterar a Fonte base e a Fonte de títulos nas configurações do site do admin, não é necessário componente

2 curtidas

Qual versão do Discourse? Estou na 3.3 estável e não vejo Inter. Estou tendo os mesmos problemas que alguns dos usuários aqui com este componente.

Estou na 3.3 e quero usar Inter. Embora a fonte carregue, o texto NEGRITO não fica em negrito.

Você precisará atualizar para a versão 3.4 para a opção Inter integrada

2 curtidas

Acabei de mesclar um refatoramento deste componente que se alinha melhor com as atualizações do Google Font — isso deve corrigir alguns problemas que as pessoas estavam tendo com diferentes pesos não aparecendo.

Observe que a formatação da configuração mudou ligeiramente para que os pesos não possam mais ser incluídos na configuração do nome da fonte como Roboto:300,300i,500, e isso teria que ser atualizado para um simples Roboto… mas deve migrar automaticamente na atualização.

2 curtidas