Using Adobe TypeKit in Visual Composer

Support
#1

Hey,

I’m trying to use a TypeKit font in a Visual Composer element.
Specifically the Post Grid template editor, Post Date element.

I have TypeKit activated in Pro

As well as the TypeKit for Wordpress plugin installed.

Is there CSS or a plugin I can use to have Visual Composer see my TypeKit fonts?

Thanks,

J

#2

Hello There,

Thanks for writing in! A css may help you change the font of the Post Grid post date element. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

All the best.

#3

Thank you.

Here’s the posts I’m working on.
https://www.staging3.dangerpress.com/posts/

And here’s what I want the date text to look like.

font-family: 'Presicav';
font-weight: 300;
text-align: left;
font-size: 10px;
letter-spacing: 0.26em;
margin-bottom: 25px;
color: #6e6e6e;
text-rendering: optimizeLegibility;

Login and passwords attached.

J

#4

Hi there,

Please kindly add the CSS code below to Pro > Launch > Theme Options > CSS:

.vc_grid .vc_gitem-post-data > div {
 font-family: 'Presicav' !important;
 font-weight: 300 !important;
 text-align: left !important;
 font-size: 10px !important;
 letter-spacing: 0.26em;
 margin-bottom: 25px;
 color: #6e6e6e !important;
 text-rendering: optimizeLegibility;
}

Hope it helps.

#5

Thanks Christopher.
That worked great.

J

#6

If I want to add the same formatting to a Custom Heading element using a custom class, what css would I need to do that?

#7

That would be

.your-class {
/* Your CSS */
}

For more details, please see https://www.w3schools.com/css/css_syntax.asp

#8

Thanks for confirming Christian.

#9

Glad we could help,

Cheers :slight_smile: