Call Us! Button

Request an Appointment Button

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

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 Nelito.

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

Adopting A Stray Cat

Are you considering adopting a stray? Maybe a cute kitty has been hanging around your…
Read More

Benefits Of Acupuncture For Pets

Here at Compassionate Care Veterinary Hospital, we are happy to provide our adorable patients with…
Read More

Halloween Safety For Pets

Halloween is coming up fast! This can be a dangerous holiday for pets, so you’ll…
Read More

Soothing A Nervous Dog

October is Adopt A Dog Month! Going to a new place is a huge change…
Read More

Snakebite Awareness Day

September 19th is Snakebite Awareness Day. Here in Texas, we have 90 kinds of snakes,…
Read More

Adorable Happy Cat Quirks

September is Happy Cat Month! Kitties are always cute, but they’re particularly lovable when they’re…
Read More

Allergies In Dogs

Did you know that dogs can get allergies, just like people can? Fido can develop…
Read More

Itchy Pet Awareness Month

August is Itchy Pet Awareness Month! This was created to help spread information and awareness…
Read More

Protecting Your Dog From Porcupines

Texas is home to many different critters, including quite a few that you don’t want…
Read More
1 2 3 8