Como mudar a fonte no Squarespace 7.1 (Site Styles e CSS)

Mude as fontes no Squarespace 7.1 em Site Styles, envie seu próprio arquivo de fonte ou use CSS personalizado em um elemento. Passo a passo, tabela e soluções.

Perguntas frequentes

Como mudo a fonte do meu site inteiro no Squarespace?

Em um site versão 7.1, abra o Site Styles (Estilos do site), clique em Fonts (Fontes) e escolha um dos pacotes de fontes recomendados ou abra All Font Packs (Todos os pacotes de fontes) e filtre por sem serifa, com serifa ou misto. Um pacote de fontes define de uma só vez as fontes de títulos, parágrafos, botões e textos diversos.

Posso usar qualquer Google Font no Squarespace?

Você pode pesquisar o Google Fonts pelo nome no menu de fontes, mas a própria central de ajuda do Squarespace informa que nem todas as Google Fonts estão na biblioteca. Se a fonte que você quer não aparecer, é possível enviar o arquivo da fonte por conta própria, desde que a licença permita.

Quais tipos de arquivo de fonte posso enviar ao Squarespace?

O envio de fontes no Site Styles aceita arquivos OTF, TTF, WOFF e WOFF2. Já a área separada de Custom Files (Arquivos personalizados), usada com o editor de CSS, lista TTF, OTF e WOFF; por isso, para um arquivo WOFF2, use o envio do Site Styles em vez da área de arquivos do CSS.

Preciso de permissão para enviar uma fonte personalizada?

Sim. A central de ajuda do Squarespace informa que você precisa da permissão do proprietário ou do licenciante da fonte para usá-la no seu site. Confira se a licença permite uso na web antes de enviar.

Por que os passos para mudar a fonte são diferentes no meu site?

Sites versão 7.0 e versão 7.1 têm configurações de fonte diferentes. Os passos deste guia são para a 7.1. Na 7.0, as mudanças de fonte são feitas no Site Styles dentro do painel Design. O Squarespace também avisa que fontes Adobe personalizadas configuradas na 7.0 não são compatíveis com a 7.1, então você precisaria escolher uma fonte nativa da 7.1.

O CSS personalizado continua valendo se eu trocar de template?

Em um site versão 7.0, o Squarespace informa que o CSS personalizado não é transferido ao trocar de template. Guarde uma cópia de qualquer CSS que você adicionar para poder colá-lo de volta, se precisar.

Resposta rápida: em um site Squarespace 7.1, abra o Site Styles (Estilos do site), clique em Fonts (Fontes) e escolha um pacote de fontes ou estilize Headings (Títulos), Paragraphs (Parágrafos), Buttons (Botões) e Miscellaneous (Diversos) um de cada vez. Para usar uma fonte que não está na biblioteca, envie seu próprio arquivo no mesmo painel. Use CSS personalizado apenas quando precisar alterar um elemento específico.

Este guia cobre os passos da versão 7.1, conforme descritos na própria central de ajuda do Squarespace (conferido em novembro de 2026). Se o seu site está na versão 7.0, os nomes dos painéis são diferentes; veja a observação sobre versões perto do final.

Qual método você deve usar?

Escolha a opção mais simples que entrega o resultado desejado. A cada linha da tabela, a configuração exige mais trabalho.

O que você quer	Melhor método	Esforço
Um visual totalmente novo com um clique	Pacote de fontes no Site Styles	Baixo
Fontes diferentes para títulos e texto corrido	Fontes por categoria no Site Styles	Baixo
Uma Google Font específica	Busca no menu de fontes	Baixo
Uma fonte da marca com licença própria	Enviar um arquivo de fonte	Médio
Apenas um título, um botão ou uma seção	CSS personalizado	Médio a alto

Método 1: mude as fontes com um pacote de fontes

Um pacote de fontes define fontes combinando para todas as categorias de texto de uma vez, o jeito mais rápido de renovar o visual do site.

Abra o editor e clique em Site Styles (o ícone de pincel).
Clique em Fonts.
Escolha um dos pacotes recomendados ou clique em All Font Packs e filtre por sem serifa, com serifa ou misto.
Role pelas suas páginas para conferir títulos, texto corrido e botões antes de fechar o painel.

Os pacotes são um bom ponto de partida, mas podem deixar você com uma fonte de título de que gosta e uma fonte de texto de que não gosta. É isso que o próximo método resolve.

Método 2: mude a fonte de uma categoria de texto

Em Fonts, o Squarespace divide o texto em quatro grupos. Você pode configurar cada um separadamente:

Headings (Títulos): títulos de página e estilos de título dos blocos de texto.
Paragraphs (Parágrafos): texto corrido.
Buttons (Botões): rótulos dos botões.
Miscellaneous (Diversos): textos menores, como legendas e rótulos de formulário (o alcance exato desse grupo varia conforme o template, então confira algumas páginas depois de alterá-lo).

Para mudar uma categoria:

Em Site Styles > Fonts, clique na categoria desejada, por exemplo Headings.
Abra o menu de fontes e pesquise pelo nome.
Escolha a fonte e ajuste, se necessário, as configurações de estilo, peso e tamanho.
Para Adobe Fonts, use o link Additional Fonts (Fontes adicionais) no final da lista.

O Squarespace também permite definir um tamanho base a partir do qual os outros textos se ajustam. Se tudo ficar grande ou pequeno demais depois da troca, ajuste isso antes de redimensionar os blocos um a um.

Uma dica prática: mude títulos e parágrafos em etapas separadas. Se você alterar os dois ao mesmo tempo e algo ficar estranho, não vai saber qual mudança causou o problema. Para ajuda na hora de escolher uma combinação, veja nosso guia sobre como escolher fontes para o site.

Método 3: envie sua própria fonte

Se a sua marca usa uma fonte que não está na biblioteca, envie o arquivo. O Squarespace informa que você precisa da permissão do proprietário ou do licenciante da fonte para usá-la dessa forma.

Obtenha o arquivo da fonte em formato OTF, TTF, WOFF ou WOFF2. O envio do Site Styles aceita os quatro.
Abra Site Styles > Fonts, escolha uma categoria (ou o menu de fontes) e procure a opção de envio.
Arraste o arquivo para o painel de fontes enviadas ou clique no ícone de mais e selecione-o no computador.
Selecione a fonte enviada para a categoria desejada.
Publique e confira o site no ar, no computador e no celular, para confirmar que a fonte carrega.

O texto da interface muda de vez em quando; se algum botão tiver outro nome, procure o ícone de envio ou de mais dentro do menu de fontes.

Problemas comuns no envio

A fonte aparece na lista, mas fica estranha. Pode faltar ao arquivo um peso ou estilo (negrito, itálico). Envie cada peso que pretende usar como um arquivo separado.
A fonte funciona no editor, mas não para os visitantes. Atualize a página publicada forçando o recarregamento (hard refresh) e confira a licença da fonte para uso na web.
Você enviou um arquivo WOFF2 e tentou usá-lo pela área de arquivos do CSS. A área Custom Files do editor de CSS lista TTF, OTF e WOFF como tipos de fonte, não WOFF2. Use o envio do Site Styles para WOFF2.

Método 4: use CSS personalizado em um elemento

O Site Styles muda as fontes em todo o site, por categoria. Quando você precisa de uma exceção, como um título com fonte diferente, o CSS personalizado resolve. A própria orientação do Squarespace sobre CSS diz que ele deve se limitar a fontes, cores e fundos, pois outras mudanças podem quebrar o layout.

Primeiro, envie a fonte pelo Método 3 ou escolha uma fonte da biblioteca, para que ela já esteja disponível no seu site.
Abra Website > Pages > Custom CSS (o caminho exato pode variar um pouco de acordo com o site).
Cole uma regra como a abaixo e salve.

```css /* Example: make every H2 use a font that is already on your site */ h2 { font-family: "Your Font Name", serif; letter-spacing: 0.02em; }

/* Example: change button text only */ .sqs-button-element--primary { font-family: "Your Font Name", sans-serif; } ```

Substitua "Your Font Name" pelo nome exato exibido no Site Styles. A fonte genérica de reserva (serif ou sans-serif) mantém o texto legível caso a fonte não carregue. Os nomes de classe podem variar conforme o template e as atualizações do Squarespace, então use o inspetor do navegador para confirmar o seletor do elemento que você quer alterar.

Se você aplicar CSS em apenas uma página, a central de ajuda do Squarespace descreve opções em nível de página para isso; confirme os passos atuais lá antes de depender dessa opção.

Checklist rápido de fontes antes de publicar

Copie esta lista e confira item por item.

[ ] Títulos e texto corrido usam no máximo duas famílias de fontes.
[ ] O texto corrido é fácil de ler no celular, e não só no computador.
[ ] Todos os pesos que você usa (regular, negrito, itálico) estão disponíveis na fonte.
[ ] Você tem licença para usar na web qualquer fonte que enviou.
[ ] Botões e rótulos de formulário usam uma fonte que combina com o restante da página.
[ ] Você guardou uma cópia de qualquer CSS personalizado que adicionou.
[ ] Você conferiu o site publicado, e não só a prévia do editor.

Versão 7.0 x versão 7.1

A central de ajuda do Squarespace informa que as opções de fonte da 7.1 valem para sites 7.1 e que os sites 7.0 têm configurações de fonte próprias. Na 7.0, as mudanças de fonte passam pelo Site Styles dentro do painel Design. Se você está pensando em migrar, o Squarespace tem uma ferramenta de atualização, e nossa análise do Squarespace mostra como o editor atual se compara. Se as fontes são só um dos motivos de frustração, a página de alternativas ao Squarespace lista outros construtores, e nosso detalhamento de custos mostra quanto um site Squarespace custa no total.

Se você vai começar um site novo

Ao escolher um template ou criar um site do zero, defina a tipografia primeiro. É mais fácil do que corrigir depois. O plano gratuito da We.Inc permite publicar até três sites a partir de templates prontos; o construtor com IA, que cria um rascunho de site a partir de um prompt, começa no plano Starter, por $20 por mês. Você pode se cadastrar aqui.

Comece grátis · Sem cartão de crédito

Umair Ali Sadaqat

Fundador da We.Inc

Umair é o fundador da We.Inc. Ele escreve sobre criação de sites com IA, agências e o negócio de administrar um estúdio web.

Pronto para criar algo incrível?

Junte-se a 15,000+ empresas que usam o We.Inc para lançar, crescer e automatizar, tudo em uma plataforma.