As configurações de Estilo de Texto do site no Pixpa permitem que você controle a tipografia em todo o seu site. De títulos e cabeçalhos a textos corridos e descrições, você pode personalizar estilos de fonte, tamanhos e espaçamento para combinar com a identidade visual da sua marca.
O Pixpa é compatível com mais de 300 fontes do repositório Google Fonts, além de uma seleção de fontes licenciadas pela OFL que você pode usar gratuitamente. Ao ajustar os estilos de texto, você garante consistência e melhora a legibilidade em todas as páginas do seu site.
Neste artigo:
- Conjunto de Fontes Atual
- Predefinições de fontes
- Edição avançada
- Redefinir configurações personalizadas
- Fontes alternativas do Google
Você pode gerenciar as fontes do seu site na seção Design (1).
Depois de entrar na seção Design, clique na guia Fontes (2).
Conjunto de Fontes Atual
- O selecionado Predefinição de fonte (1) será exibido aqui.
- Você pode personalizar o Título (2) e parágrafo (3) fonte para a predefinição selecionada.
Nota: Ao fazer ajustes personalizados nas Opções de Paleta de Cores ou na Edição Avançada, você verá um botão 'Modificado' (4).
- Texto superior (5) representa a fonte Heading.
- Texto inferior (6) representa a fonte Parágrafo.
Observações:
- Alterar a fonte do título também afetará o título do site e os itens do menu.
- Alterar a fonte do parágrafo afetará também os botões, as galerias (título da imagem) e o texto do rodapé.
Predefinições de fontes
Predefinições de fonte são combinações predefinidas de tipo de fonte, tamanhos de fonte, espaçamento entre letras e outras configurações tipográficas que podem ser aplicadas ao texto em todo o site.
- Você pode alterar facilmente a fonte globalmente selecionando qualquer um dos Predefinições de fontes (1).
- Filtrar (2) a lista selecionando predefinições All, Serif, Sans Serif ou Mixed. Depois de selecionar um filtro, você verá apenas predefinições relacionadas.
- Para escolher um Predefinição de fonte (3), basta clicar nele e Publicar (4) as mudanças.
- Role a página até o final da lista de fontes para acessar e selecionar uma das opções disponíveis. Fontes OFL.
Edição avançada
A partir daqui, você pode substituir as configurações predefinidas e gerenciar manualmente as fontes de todos os elementos do seu site.
Você verá as seguintes opções aqui:
titulo do site
É o título do seu site que funciona como texto do logotipo se o logotipo principal não estiver disponível.
A partir daqui você pode:
- Fonte - Escolha a fonte do título do seu site.
- Peso - Escolha a espessura da fonte para o título do seu site.
- Tamanho – Área de Trabalho – Especifique o tamanho do texto do título do seu site na área de trabalho.
- Tamanho – Móvel – Especifique o tamanho do texto do título do seu site no celular.
- Espaçamento entre letras – Defina o espaço entre as letras no título do site.
Menu do cabeçalho
É uma coleção de páginas, links, pastas, galerias, etc. que permitem aos usuários navegar entre as diferentes seções de um site.
A partir daqui , você pode personalizar:
-
Menu principal
- Fonte - Especifique a fonte dos links do menu.
- Peso - Escolha a espessura da fonte para os links do menu.
- Tamanho - Especifique o tamanho do texto para os links do menu.
- Espaçamento entre letras – Defina o espaço entre as letras nos links do menu.
-
Menu suspenso
- Fonte - Especifique a fonte dos links do menu suspenso.
- Peso - Escolha a espessura da fonte para links do menu suspenso.
- Tamanho - Especifique o tamanho do texto para links do menu suspenso.
- Espaçamento entre letras – Defina o espaço entre as letras nos links do menu suspenso.
Headings
As tags de título são cruciais porque ajudam a estruturar o conteúdo, melhoram o SEO, melhoram a acessibilidade e a legibilidade. Existem quatro tipos de tags de cabeçalho que a Pixpa fornece. Eles são rumo (H1), rumo (H2), rumo (H3) e rumo (H4).
A partir daqui você pode:
- Fonte - Especifique o estilo da fonte do título (H1).
- Peso - Selecione a espessura da fonte para o título (H1).
- Tamanho – Área de Trabalho – Especifique o tamanho da fonte do título (H1) para a área de trabalho.
- Tamanho – Móvel – Especifique o tamanho da fonte do título (H1) para celular.
- Altura da linha - Especifique a altura da linha da fonte do título (H1) (especificada em termos de em).
- Espaçamento entre letras – Especifique o espaço entre as letras do texto do título (H1) (especificado em termos de em).
Observação: Assim como no título (H1), você pode personalizar as configurações dos estilos de fonte H2, H3 e H4.
Preenchimento de texto (títulos)
- Títulos – Especifique o preenchimento dos títulos do seu site.
Parágrafos
É usado para definir e estruturar um bloco de texto como um parágrafo. Geralmente é usado para descrições, títulos de imagens, legendas, texto de rodapé, etc.
A partir daqui você pode:
- Fonte - Selecione o estilo da fonte para todo o texto do parágrafo (normal, pequeno e grande).
- Peso - Selecione a espessura da fonte para todo o texto do parágrafo.
- P (Normal) – Área de Trabalho – Selecione o tamanho de fonte Normal de todo o texto de parágrafo para a área de trabalho.
- P (Normal) – Celular – Selecione o tamanho de fonte Normal de todo o texto do parágrafo para dispositivos móveis.
- P (Pequeno) – Desktop – Selecione o tamanho de fonte menor (menor que P (Normal)) de todo o texto de parágrafo para a área de trabalho.
- P (Pequeno) – Celular – Selecione o tamanho de fonte menor (menos que P (Normal)) de todo o texto de parágrafo para dispositivos móveis.
- P (Grande) – Desktop – Selecione o tamanho de fonte maior (maior que P (Normal)) de todo o texto de parágrafo para a área de trabalho.
- P (Grande) – Móvel – Selecione o tamanho de fonte maior (maior que P (Normal)) de todo o texto do parágrafo para dispositivos móveis.
- Altura da linha - Especifique a altura da linha da fonte do texto do parágrafo (especificada em termos de em).
- Espaçamento entre letras – Especifique o espaço entre as letras do texto do parágrafo (especificado em termos de em).
Preenchimento de texto (parágrafos)
Parágrafo – Especifique o espaçamento entre os parágrafos do seu site.
botões
Botões são elementos nos quais você pode clicar ou tocar para realizar ações específicas, como enviar um formulário ou navegar para outra página.
A partir daqui você pode:
- Fonte - Você pode escolher a fonte do texto do botão aqui.
- Peso - Defina a espessura da fonte para o texto do botão aqui. Você pode escolher entre normal, claro e negrito.
- Tamanho grande) - Defina o tamanho da fonte grande para os botões.
- Tamanho médio) - Defina o tamanho médio da fonte para os botões.
- Tamanho pequeno) - Defina o tamanho da fonte pequena para os botões.
- Espaçamento entre letras – Defina o espaço entre as letras do texto do botão a partir daqui (especificado em em).
Rodapé
Este é o texto que aparece na parte inferior do site, como informações de direitos autorais, avisos legais, etc. As configurações de Texto do Rodapé permitem personalizar a aparência do texto no rodapé do seu site.
- Fonte - Especifique o estilo da fonte para o texto do rodapé.
- Peso - Defina aqui a espessura da fonte para o texto do rodapé. Você pode escolher entre normal, claro e negrito.
- Tamanho do texto - Defina o tamanho da fonte para o texto do rodapé.
- Tamanho do menu – Defina o tamanho da fonte para os itens do menu de rodapé.
- Tamanho do título do site (desktop) – Ajuste o tamanho do título do rodapé do site quando visualizado no desktop.
- Tamanho do título do site (celular) – Ajuste o tamanho do título do rodapé do site quando visualizado em dispositivos móveis.
- Espaçamento entre letras – Especifique o espaço entre as letras para o texto do rodapé (medido em em).
Gerais
Estas são algumas outras opções de personalização nas configurações de Fonte. A partir daqui você pode:
Título da imagem da galeria
Isso é aplicado quando você escolhe mostrar os títulos das imagens ao passar o mouse.
-
- Fonte flutuante – Você pode escolher a fonte do texto do título da imagem ao passar o mouse aqui.
- Peso pairar – Defina aqui a espessura da fonte para o texto do título da imagem. Você pode escolher entre normal, claro e negrito.
- Tamanho do foco – Defina o tamanho do texto do título da imagem ao passar o mouse aqui.
- Espaçamento entre letras – Defina o espaço entre as letras do texto do título da imagem a partir daqui (especificado em em).
Redefinir configurações personalizadas
Você pode redefinir facilmente as configurações de fonte para o padrão se tiver feito alterações no conjunto de fontes editando-o ou se tiver personalizado as configurações de fonte na Edição avançada.
Você verá um botão Modificado. Passe o cursor sobre o botão, ele mudará para Redefinir. Você pode redefinir as alterações para o original aqui.
Fontes alternativas do Google
Aqui estão algumas fontes alternativas do Google para algumas fontes populares :
- Brandon Grotesco - Josefin Sans
- Sofia Profissional – Poppins
- Avenir – Lato or Prompt
- Próxima Nova – Montserrat or Roboto
- Próxima Suave – Nunito
- DIN - Barlow
- Fretamento - Fonte Serif Pro
- Helvética Neue – Roboto or Trabalho sem
- Whitney – catamarã or Posterior
- Gotham – Montserrat
- Tisa Serif – PT Serif
- Laje do Museu – Laje de Zilla or Roboto Slab
- Ótimo – Arsenal
- Estudioso – Fonte Serif
- Letra Gótica – Fira Mono
- IU do Segoe – Open Sans
- Futuro – Muli
- Gibson- Noto sem
- Zona Pró – Poppins
- lacaio - Texto Carmesim
- Mostra Nova – Josefin Sans
- Geogrotesco – Armata
- Baskerville- Libre Baskerville
- Sentinela - Pastor
- Neuzeit – Posterior
- Miller- Abril Fatface