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

Blepping In Cats

Have you ever spotted your cat just sitting there with her tongue sticking out? This…
Read More
Cat looking up and to the left

Fluffy’s Year In Review

Happy New Year! As we say goodbye to 2022, many people will be looking back…
Read More

Choosing Safe Dog Toys

December is Safe Toys and Gifts Month. This is definitely a timely topic for us.…
Read More

Esse post foi escrito pelo ChatGPT. Descubra como ele funciona!

O ChatGPT é uma ferramenta de conversação desenvolvida pela OpenAI que permite aos usuários conversar…
Read More

The Bernese Mountain Dog

Did you know December 11th is International Mountain Day? While many of our canine companions…
Read More

Feline Hyperesthesia Syndrome

Feline hyperesthesia syndrome—which is also called rolling skin syndrome and twitchy cat disease—is a rather…
Read More

National Pet Cancer Awareness Month

November is National Pet Cancer Awareness Month, and you guessed it -just like humans, pets…
Read More

Pets For Vets Day

October 21st is Pets For Vets Day! This is a wonderful idea and cause, and…
Read More

Cattober Gifts For Fluffy

There’s a special kitty holiday coming up: October 9th is Cattober. If you hadn’t heard…
Read More
1 2 3 14

Request an Appointment