Personalize o seu site com fontes personalizadas de acordo com a sua marca

Para usar uma fonte ainda não disponível no Squarespace, carregue-a nos estilos do site para usar em qualquer lugar do site. Essa é uma ótima forma de aprimorar sua marca além das nossas opções de fonte.

Você deve ter todas as permissões do proprietário ou licenciador da fonte para utilizar no seu site. Saiba mais nas nossas recomendações. Para usar uma fonte integrada do Squarespace, consulte "Alterando uma fonte".

Assista ao vídeo

Carregue uma fonte personalizada

Depois de carregar a fonte, ela aparece como uma opção em qualquer ajuste de fonte. A forma de carregar uma fonte personalizada depende da versão do site.

Tipos de arquivo aceitos

Faça o upload das suas fontes personalizadas em um dos seguintes formatos de arquivo:

• .otf
• .ttf
• .woff
• .woff2

Posso usar fontes variáveis?

Você pode usar arquivos de fontes variáveis que incluem diversas espessuras, mas arquivos de fontes com diferentes estilos não são aceitos no momento. Para usar outros estilos de uma fonte específica, carregue cada um em um arquivo separado.

Use uma fonte personalizada no seu site

Para usar uma fonte personalizada que você carregou:

1. Encontre um ajuste de fonte nos estilos do site e clique no menu suspenso de fontes.
2. Suas fontes personalizadas aparecerão em "Carregadas". Selecione uma fonte na lista ou use a barra de busca para encontrá-la.

Apague uma fonte personalizada

Para apagar uma fonte personalizada:

1. A fonte não pode estar sendo usada no seu site. Faça os ajustes em outras fontes e salve as alterações primeiro.
2. Encontre um ajuste de fonte nos estilos do site e clique no menu suspenso de fontes.
3. Ao lado de "Carregadas", clique em Gerenciar.
4. Para apagar uma fonte e todos os estilos dela, clique em … ao lado do nome da fonte. Para apagar um estilo específico da fonte, clique em X ao lado do nome do estilo.

Recomendações para licenças de fontes

Atenção: estas recomendações são um recurso, mas não servem como aconselhamento jurídico. Recomendamos consultar um especialista jurídico para orientação específica sobre o seu site ou empresa e suas necessidades para o licenciamento de fontes.

Antes de carregar de uma fonte personalizada, veja se você tem os direitos e permissões para usá-la no seu site. As fontes são geralmente licenciadas pelos proprietários das fontes (ou fundições) diretamente aos clientes ou via licenciadores de fontes agregados. Os contratos de licença de fontes dão os detalhes sobre como e onde você pode usar a fonte. Os acordos de licenciamento variam muito; é importante que você conheça todos os requisitos e limitações de uso incluídos no seu pedido de compra ou contrato de licença.

Por exemplo:

• Sua licença pode lhe dar o direito de usar todas as fontes de uma família específica ou apenas o uso de uma fonte dessa família. 
• Algumas licenças custam mais ou menos, dependendo do número de visitantes mensais do site onde a fonte é usada.
• O serviço de fontes dinâmicas da web pode ter um custo ou uma estrutura de licença diferente do uso em ativos estáticos ou no logotipo.

Tenha cuidado. Mesmo que uma fonte personalizada possa ser baixada gratuitamente, o provedor ainda pode exigir uma licença paga para você usar a fonte no site ou de outra forma voltada para o público.

Consulte seu contrato com o fornecedor da fonte antes de carregar uma fonte personalizada para o seu site. É sua responsabilidade garantir que você tenha todos os direitos e permissões para o uso pretendido da fonte.

Adicione uma fonte personalizada do Adobe Fonts (somente versão 7.0)

Na versão 7.0 do Squarespace, você pode usar nossa integração com o Adobe Fonts para adicionar fontes personalizadas.

• Esse processo troca as opções de fontes nos estilos do site pelas fontes do seu projeto personalizado. O Adobe Fonts do Squarespace não pode ser usado enquanto seu projeto personalizado com o Adobe Fonts estiver ativado.
• As fontes personalizadas estão disponíveis na assinatura do Adobe Creative Cloud. Antes de se cadastrar, escolha um plano que inclua o Adobe Fonts.

Passo 1 - crie um projeto da web e adicione as fontes

Na versão 1.0, para adicionar suas fontes personalizadas, primeiro crie um projeto da web no Adobe. Faça login na sua conta Adobe Fonts e siga os passos para criar um projeto da web.

Criado seu projeto da web, aparecerá um código personalizado de incorporação HTML. Você não precisará dele — não o adicione ao site. Em vez disso, siga a próxima etapa para gerar o ID do projeto, que é mais curto.

Passo 2 - adicione as fontes personalizadas ao Squarespace

Quando seu projeto da web tiver todas as fontes necessárias, adicione o projeto ao seu site Squarespace com o ID do projeto:

1. Na sua conta Adobe Fonts, clique em Meu Adobe Fonts no canto superior direito.
2. Clique em Projetos da web e localize o projeto a ser adicionado ao Squarespace.
3. Copie o ID do projeto, que é uma string e números acima do código de incorporação. Copie o ID exclusivo do projeto, e não o que aparece no exemplo.

4. Abra o painel "Ferramentas para desenvolvedores".
5. Clique em Chaves de API externas.
6. Role a tela até a caixa ID do projeto do Adobe Fonts.
7. Cole na caixa o ID do projeto que você copiou no Adobe.
8. Clique em Salvar.

Passo 3 - use suas fontes do Adobe Fonts

Adicionadas as fontes do Adobe Fonts, você pode usá-las nos textos do seu site. As fontes no seu projeto da web substituem as fontes integradas nos estilos do site. Para achar rapidamente uma fonte personalizada do Adobe Fonts, procure pelo nome na caixa Procurar .

Caso altere suas fontes do Adobe Fonts, republique para exibir as mudanças no Squarespace. Para saber mais, leia a documentação do Adobe.

Mensagem de erro: "Fontes não aceitas" nos estilos do site

Essa mensagem aparece se o seu site usar uma fonte que o Adobe Fonts já retirou de circulação. Quando a fonte não é mais aceita, o Squarespace a troca pela fonte mais parecida possível. Confira as seções de estilo listadas no erro para aprovar ou alterar a fonte alternativa.

O Adobe Fonts também excluirá todas as fontes antigas da sua página do Adobe Fonts.

Minhas fontes personalizadas da Adobe não aparecem no meu site

Se alguns caracteres especiais não aparecerem corretamente, edite o projeto da web e selecione Todos os caracteres antes de adicionar o ID do projeto ao Squarespace.

Se nenhuma das suas fontes aparecer, veja se o seu site tem JavaScript. Se você já usou o método JavaScript do Adobe Fonts para adicionar fontes ao seu site, suas fontes talvez não carreguem corretamente. Exclua o JavaScript e siga os steps acima para adicionar suas fontes do Adobe Fonts.

Onde receber suporte

Em caso de dificuldades ao adicionar o ID do seu projeto do Adobe Fonts; ou se as fontes do Adobe Fonts não aparecerem no seu site, fale conosco para chegarmos a uma solução. Para demais dúvidas sobre o uso do Adobe Fonts, procure a Adobe ou leia a documentação dela.