Como alterar a fonte? | BuilderDuck

Por padrão, a fonte padrão é 'Roboto'. Mas você pode alterá-la. Para isso, acesse 'Páginas' na barra lateral e selecione 'Temas'.

Acesse a seção 'Tipografia' e abra o menu suspenso. Você verá 'Roboto' definida como a fonte padrão. Para alterá-la, clique em 'Adicionar fonte' e abra o menu suspenso para selecionar uma fonte diferente.

Essa nova fonte será definida automaticamente como padrão, mas você pode desativá-la desmarcando a caixa de seleção.

Se você quiser adicionar uma fonte que não esteja disponível no menu suspenso, clique em "+Fonte do Google" abaixo do campo "Adicionar nova fonte"

Você será redirecionado para o Google Fonts. Lá, procure a fonte desejada na barra de pesquisa e clique em "Obter fonte".

Na página seguinte, clique em 'Obter código'. Na primeira seção, copie o URL que começa com https://.

Volte ao BuilderDuck e cole o link. Você também pode adicionar o nome da fonte para facilitar a identificação.

💡Você pode adicionar quantas fontes forem necessárias.

Em seguida, na seção "Estilos de Fonte", você pode escolher qual fonte será aplicada a cada título da sua página..

Para fazer isso, abra o menu suspenso. Você encontrará os diferentes rótulos. Lá, selecione a família de fontes.

Além disso, você pode escolher a espessura da fonte com opções como normal, negrito ou valores personalizados.

No menu suspenso "Estilo da Fonte", você também pode selecionar se o título será normal, itálico ou cursivo.

Além disso, você pode decidir se deseja converter o texto para maiúsculas ou minúsculas.

Nos campos abaixo, você pode configurar o tamanho da fonte (em pixels), alterar a cor (inserindo um código hexadecimal ou selecionando uma cor no seletor de cores), ajustar a altura da linha (em pixels) e modificar o espaçamento entre letras (em pixels).

🔗Encontre recomendações de legibilidade no final desta entrada.

Repita o processo até que a personalização atenda às necessidades da sua marca.

Por fim, role para cima e clique em "Salvar alterações".

Você verá as alterações refletidas no seu site.

❗Abra seu site para ver as alterações.

Se você já tiver uma aba aberta, feche-a e abra-a novamente. Atualizar a página não será suficiente. Você precisa abri-la novamente.

Recomendações:

Tamanhos mínimos recomendados

Texto principal (body text):

• 16px é o tamanho mínimo padrão recomendado.
• Isso garante boa legibilidade na maioria das telas e dispositivos.

Títulos (headings):

• H1: 32px ou maior.
• H2: 24-28px.
• H3: 20-24px.
• H4-H6: 16-20px.

Botões ou links interativos:

• 16px no mínimo para garantir a acessibilidade.

Texto em dispositivos móveis:

• Mantenha a altura do texto em pelo menos 16 pixels para evitar que os usuários precisem usar o zoom.

Outros fatores a serem considerados

• Acessibilidade: Use tipografia clara e bem espaçada e assegure contraste adequado entre o texto e o fundo (atenda aos padrões WCAG, nivel AA o AAA).
  
  
• Line-height (altura da linha): Use uma proporção de altura da linha de 1,4 a 1,6 vezes o tamanho da fonte para evitar que o texto pareça comprimido.