Ajuste do tamanho das fontes na versão 7.0

Ultima atualização 15 de Fevereiro de 2024

Fixe o tamanho mínimo e máximo das fontes nos sites da versão 7.0.

Todos os templates do Squarespace já vêm com design responsivo para otimizar os textos do site para cada tela. Em alguns templates, você controla os detalhes do tamanho das fontes: é possível fixar manualmente o tamanho máximo e mínimo de títulos, cabeçalhos e outros textos essenciais.

Você pode, por exemplo, fixar o Título 1 entre 12 e 25 pixels. Assim, nos browsers menores, como os dos aparelhos móveis, o tamanho mínimo dos cabeçalhos será 12 pixels. Nos browsers maiores, como num monitor widescreen, os cabeçalhos terão até 25 pixels. Normalmente, os cabeçalhos aparecerão entre esses dois tamanhos.

Você pode fixar essas regras nas seguintes famílias de templates:

  • Skye
  • Tremont
  • York

Acessando o recurso

Este guia é voltado para os templates da versão 7.0 acima. Para saber como ajustar o tamanho do texto na versão 7.1 e em outras famílias de template na versão 7.0, consulte "Formatação de texto".

Antes de começar

  • Para uma melhor exibição, o tamanho mínimo da fonte de cada cabeçalho deve ser maior do que o tamanho da fonte do texto do corpo.
  • Alguns textos, como o do corpo, não podem ter o tamanho manualmente fixado.
  • Palavras longas não quebram. Se uma palavra longa aparecer em um espaço pequeno (como num bloco de miniaturas em grade no blog), o fim da palavra pode ficar cortado. Nesse caso, reduza o tamanho máximo para que todas as palavras caibam nos contêineres.
  • Se a versão móvel do site não funcionar, reduza o mínimo das fontes.
  • O artigo Alteração de fontes oferece uma ajuda geral sobre como ajustar o estilo do texto do site.

Fixe os tamanhos da fonte

Para fixar manualmente o tamanho máximo e o mínimo do seu texto:

  1. Faça login no seu site e acesse uma página com o texto a ser ajustado (como o texto do Título 1).
  2. Abra o painel "Estilos do site".
  3. Na família York, o ajuste Escala precisa estar marcado para esse tipo de texto. Por exemplo: para ativar o ajuste do tamanho do texto do Título 1, marque o ajuste Ajustar tamanho do Título 1. Nos demais templates, pule para a próxima etapa.
  4. Clique no ajuste da fonte desse tipo de texto (como Fonte do Título 1) e use o controle Tamanho da fonte para fixar o tamanho máximo dela.
  5. Use o ajuste Mín para fixar o tamanho mínimo da fonte desse tipo de texto (como Mín Título 1). A fonte nunca ficará menor do que isso, mesmo nos aparelhos móveis.
  6. Clique em Salvar para aplicar suas alterações.

Veja a prévia das fontes mudando de tamanho

Para um melhor resultado ao ver o tamanho máximo e o mínimo da fonte, abra o seu site em um smartphone enquanto edita os tamanhos em um computador. Atualize o smartphone sempre que salvar as alterações dos estilos do site. Essa é a maneira mais precisa de conferir o visual do seu site em diferentes aparelhos.

Anotação

a prévia por aparelho nem sempre mostra com precisão as fontes com tamanho ajustado. No entanto, se o texto cabe na caixa de realce de estilo que aparece na prévia por aparelho, ele geralmente aparece bem na versão móvel.

Ajustes por template

Confira uma lista completa dos ajustes disponíveis no guia do seu template:

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Ajuste do tamanho das fontes na versão 7.0