Slider Rev Fonts

Support
#1

How can I load my typekit fonts into slider rev? I am having trouble finding a solution for this problem.

#2

Hello There,

Revolution has its own standard of adding fonts and it’s only limited to google font as far I remember. You can’t add Typekit font to its list, but you can apply styling like from the given thread. What part of slider or layer do you wish to apply your font?

As an example, you may add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.tp-caption {
    font-family: 'typekit-font-name' !important;
}

Hope this helps.

#3

I would like to have the Pur Pro on this site purproonline.com

#4

Hi @bdb5424,

Not sure what you want to achieve. Would you mind sharing us more details.

Thanks.

#5

I want to have the words Pur Pro in the same font as my headers in the grid below the nav bar. The font is a typekit font that I would like to use but am having trouble getting it to work.

#6

Hey There,

Do you want something like this?

Then you can use this custom css code instead:

div#slide-12-layer-6,
.tp-caption.splitted {
    font-family: "freight-sans-pro",sans-serif !important;
}

We would loved to know if this has work for you. Thank you.

#7

Almost I want to use the Ethnocentric font in Type Kit though. Is that possible?

#8

You need to replace the freight-sans-pro to the Ethnocentric font family. You’ll need to ask Typekit support to get the exact font family then use that in the code provided previously.

Thanks.

#9

Do I place the code in the global css? or in the slider rev css?

#10

Hi There,

Either way should work, but we recommend to place all your custom CSS to Theme Options > CSS



Thanks,

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.