[EDITORES ANTIGOS] Blocos e Modelos Prontos: Como alterar a fonte da página

Objetivo: Orientar como alterar as fontes das páginas da leadlovers e mostrar quais estão disponíveis em cada editor.
Para quê serve: É possível alterar as fontes dos textos nas páginas criadas na sua máquina, para que elas fiquem personalizadas de acordo com a sua preferência.
Requisito obrigatório: 1. Ter uma página criada na leadlovers.

É muito importante que as páginas criadas aqui na leadlovers para divulgar o seu produto, o seu serviço ou capturar os seus leads sejam personalizadas de forma que quem acessá-las se sinta atraído por sua proposta. Uma das formas de fazer isso é alterando as fontes dos textos que estiverem nelas, pois assim você pode deixá-las a sua cara e coerentes com o que está oferecendo. É por conta disso que, neste tutorial, te ensinaremos como alterar as fontes dos textos nas suas páginas, além de trazer uma lista com quais estão disponíveis em cada um de nossos editores para utilizar.

 

 

 

Construtor por Blocos

Nº1– Na barra que fica na parte de cima do Construtor por Blocos há três opções: “Blocos”, “Conteúdo” e “Detalhes”. Selecione “Detalhes”.

Nº2– Clique sobre o texto que deseja alterar a fonte. 

 

Nº3– Na aba que abrir na lateral, é possível alterar a fonte em “font-family”. Confira todas as opções disponíveis para esse construtor no tópico Quais são as fontes disponíveis? deste mesmo tutorial.

 

Nº4– Depois que escolher a que deseja, clique em “Salvar Alterações” para aplicar as mudanças.

Nº5– Se certifique de salvar a página também.

 

Modelos Prontos

No editor de Modelos Prontos, as edições são mais restritas do que nos outros construtores por Blocos e por Componentes. Por conta disso, antes se certifique se no modelo escolhido está habilitada a opção de alterar a fonte da página nas categorias disponíveis no menu lateral. No modelo que pegamos de exemplo, na aba “Configurações Gerais” é possível alterar duas: “Fonte principal da página” e “Fonte secundária da página”. 

 

Nº1– Para alterar a fonte, acesse o site do Google Fonts.

Nº2– Escolha a que preferir para a sua página. No nosso exemplo, escolhemos a “Roboto” para demonstrar. 

Nº3– Copie o nome da fonte escolhida, ele aparece em cima da sua demonstração.

 

Nº4– Cole no campo que deseja alterar a fonte na edição de sua página.

Nº5– Salve as suas alterações.

Nº6– Clique em “Visualizar Página” para verificar o resultado.

 

Quais são as fontes disponíveis?

Comuns a todos os editores:

Há algumas fontes que estão disponíveis em todos os editores de páginas, sendo elas: 

• Open Sans
• Roboto
• Montserrat
• Lato

Em cada um dos editores:

Além das fontes que todos os editores têm em comum, há aquelas que são exclusivas de cada um deles. Preparamos uma lista delas para consulta:

• Construtor por Componentes

• • Global font
  • Arial
  • Courier
  • Georgia
  • Helvetica
  • Lucida Sans
  • Tahoma
  • Times New Roman
  • Trebuchet MS
  • Verdana
  • ヒラギノ角ゴ Pro W3
  • メイリオ
  • Bitter
  • Droid Serif
  • Lato
  • Open Sans
  • Roboto
  • Source Sans Pro
  • Montserrat
  • Ubuntu

 

• Construtor por Blocos

• • Roboto
  • Lato
  • Helvetica
  • Arial
  • Times New Roman
  • Montserrat
  • Montserrat Alternates
  • Open Sans
  • Josefin Sans
  • Lobster
  • Hind
  • Abril Fatface
  • Droid Sans
  • Arvo
  • Raleway
  • Patua One
  • Cabin
  • Poppins

 

• Modelos Prontos

Há uma grande variedade de fontes no editor de Modelos Prontos, já que é possível inserir qualquer uma que esteja disponível no Google Fonts. Algumas delas são:

• • ABeeZee 
  • Bad Script 
  • Courier Prime
  • Cabin
  • DM Sans 
  • EB Garamond 
  • Fahkwang
  • Gaegu
  • Habibi
  • IBM Plax Sans 
  • Jacques Francois 
  • Josefin Sans
  • Kadwa
  • Odibee Sans
  • Patua One
  • Raleway
  • Source Sans Pro

Suporte

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, entre em contato com o nosso suporte!

 

Artigos relacionados

– Como usar a ferramenta Fontes no Construtor por Blocos?
– Como usar o Google Fonts na leadlovers?

 

 

🏁 É isso, terminamos por aqui!
com amor ❤
equipe leadlovers™