Call Us! Button

Request an Appointment Button

Aprenda a usar fontes customizadas no RD Station
December 3, 2019

Não há a opção de usar fontes customizadas no RD Station facilmente, mas o sistema também não impede que você o faça. Neste exemplo iremos usar fontes do Google Fonts.

Confira o passo a passo:

Selecione sua fonte

Acesse https://fonts.google.com/ e selecione a fonte desejada. Se você possuir o link do CSS da fonte de alguma outra forma, serve também. Neste exemplo usamos a fonte Bebas Neue.

Selecione a sua fonte e clique em SEE SPECIMEN

Com a fonte selecionada, abra a aba inferior e clique em @IMPORT

Desse código, você apenas vai precisar da regra @import, e da parte inferior font-family.

Abra a LP do RD Station

Após abrir a LP para edição, você deve ir em Edição Avançada e inserir seu código.

Então em CSS você deve inserir a regra para importar a sua fonte e o CSS para definir as fontes. Nesta parte é interessante um conhecimento prévio em CSS.

No exemplo abaixo, é definido a fonte para apenas um elemento. Do jeito que o RD gera o HTML, você deve pegar o ID do objeto e verificar que tipo ele é para fazer regras mais específicas.

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

#rd-text-k3eqc3p4 strong {
     font-family: 'Bebas Neue', cursive!important;
 }

Caso queira deixar toda a LP com a mesma fonte, basta usar o seguinte código:

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

* {
     font-family: 'Bebas Neue', cursive!important;
 }

Visualizando os resultados

Apesar de não aparecer no editor, não se preocupe, a fonte aparece apenas quando você pre visualiza a LP, ou publica e acessa a página publicada!
Lembre-se também de sempre usar o inspetor de elementos para ver se as suas regras CSS estão sendo utilizadas.

Ficou com alguma dúvida? Deixe um comentário!

The post Aprenda a usar fontes customizadas no RD Station appeared first on nltw.

  • All
  • Cat Care
  • Dog Care
  • General Care
  • Uncategorized

Unusual Cat Eating Habits

Cats are mysterious creatures. We all know that, but did you know that their eating…
Read More

Celebrating Scooby Doo

Ruh Roh! September 13th is Scooby Doo Day! The beloved cartoon dog has become a…
Read More

5 Things To Do For Holistic Pet Day

Holistic Pet Day is August 30th! There is a growing awareness of the benefits of…
Read More

Cat Care Tips for the Summer Heat

The summer is heating up, and so are our pets. But how do cats keep…
Read More

July 31st Is National Mutt Day

Happy National Mutt Day! On the 31st of this month we celebrate all the wonderful…
Read More

Pet Names

Did you know that Max was the top male dog name of 2021? We love…
Read More

How to use navigator.sendBeacon with PHP 7

Recently I needed to send a request on the unload of a page (save where…
Read More

5 Easy Ways To Support Good Animal Actor Welfare

Pets In Film Day is June 19th! Animal movies can do a lot of good…
Read More

Tips For Fostering Pets

Did you know that June is Foster A Pet Month? If you love animals, fostering…
Read More
1 2 3 13

Request an Appointment