Configurando fontes do Google no aplicativo MemberPress

A integração com o Google Fonts permite personalizar a tipografia de acordo com as diretrizes de estilo da marca. A importação de fontes requer uma chave API válida do Google Fonts. Este documento explica como configurar a chave API, importar fontes e aplicar a tipografia em todo o aplicativo.

Entendendo a integração do Google Fonts

O Google Fonts oferece amplas opções de fontes para personalização da tipografia do aplicativo. A configuração da chave API conecta o aplicativo à biblioteca do Google Fonts. As fontes importadas podem ser aplicadas a vários elementos da interface, incluindo corpo do texto, títulos e rótulos de navegação.

Configurando a chave da API do Google Fonts

A configuração da chave API permite a navegação e importação de fontes.

1. Navegue até Painel > Aplicativo MP > Integrações > Google Fonts.
   
2. Clique em Obter uma chave ao lado do campo Chave da API do Google Fonts.

3. O Google Developers Console abre em uma nova guia do navegador.
   
4. Role a tela para baixo e clique em Obter uma chave na página Adquirir e usar uma chave API.

5. Faça login com uma conta Google, se solicitado.
6. Crie um novo projeto ou selecione um projeto existente na lista.

7. Insira um nome para o projeto no campo nome do projeto.
   
8. Confirme a ativação da API.

9. Clique em Mostrar chave.

10. Copie a chave API gerada do campo exibido.
    
11. Voltar para Painel > Aplicativo MP > Integrações > Google Fonts.
    
12. Cole a chave API no campo Chave API do Google Fonts.
    
13. Clique em Salvar alterações.

Observação: É necessária uma chave API válida antes de importar fontes da biblioteca Google Fonts.

Importando fontes do Google

A importação de fontes adiciona tipos de letra à lista de fontes disponíveis para a tipografia da aplicação.

1. Navegue até Painel > Aplicativo MP > Branding > Tipografia.
   
2. Localize o Importar fontes do Google seção.
   
3. Clique em Importar fontes do Google para abrir o navegador de fontes.

4. Navegue pelas fontes disponíveis ou utilize o campo de pesquisa para encontrar tipos de letra específicos.
   
5. Selecione a fonte desejada nos resultados da pesquisa ou na lista.

6. Clique em Importação para adicionar a fonte às fontes disponíveis.

Observação: As fontes importadas devem estar no formato TTF para funcionar corretamente no aplicativo.

Aplicando fontes importadas

As fontes importadas aparecem nas configurações tipográficas para atribuição a elementos da interface.

1. Navegue até Painel > Aplicativo MP > Branding > Tipografia.
   
2. Role até o elemento da interface que requer a atribuição de fonte.
   
3. Selecione a fonte desejada no menu suspenso da família de fontes para:

• Texto do corpo para tipografia do conteúdo principal;
• Títulos para os níveis de título H1 a H6;
• Títulos da barra de navegação para o texto do cabeçalho;
• Rótulos da barra de guias para o texto de navegação inferior;
• Menus para o texto do item do menu.

4. Ajuste os tamanhos das fontes nos campos de tamanho, se necessário.
   
5. Configure estilos de fonte adicionais conforme necessário.
   
6. Clique em Salvar alterações para aplicar as seleções de fonte.

As alterações de fonte são aplicadas globalmente em todas as telas do aplicativo usando os elementos de interface selecionados.