Use google-font in crelly slider


#1

How do I use the font Roboto in my crelly slider? if i add !important after the css rule the text is still not in roboto?


#2

The css I used:
font-size: 40px !important;
font-family: “Times”,sans-serif !important;


#3

Hello Sander,

Can you please provide a link to your website?

Kind Regards, Roman.


#4

https://wifiverbeteren.nu/mac-hulp

The text: Mac hulp helpt je thuis of op kantoor. Should be in the fontstyle:

font-size: 40px !important;
font-family: ‘Baloo Tammudu’, cursive !important;

As test but the slider shows it differently


#5

Hello Sander,

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

@import url('https://fonts.googleapis.com/css?family=Baloo+Tammudu');

.cs-slide span {
    font-size: 40px !important;
    font-family: "Baloo Tammudu",cursive !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#6

Hello Roman,
The css code you gave above
Dashboard → Appearance → Customize → Additional CSS.
It worked on my own website
But the font in different resolutions or mobile view does not automatically shrink in the same area.
The writings are intertwined and they are very big.

ozvarnalisigorta.com
You can check home page


#7

I solved
I removed the font size info css
Crelly is getting the font size.


#8

But i would like to use two different fonts in one slider, is that possible?


#9

Hello Sander,

I think that it’s possible. Please describe what exactly you want to achieve.

Kind Regards, Roman.


#10

Hey there, when I try to center the text with a custom font it doesn’t work. Could help please? May be I could calculate the letter width of some present font and use it for alignment calculation so later it would display correctly?


#11

Hello,

Please create a new topic for your issue to keep forum in good order and make it easier to help you. I’ll close this topic to avoid confusion, hope for your understanding.

Kind Regards, Roman.


#12