Typekit Font in MEC

Support
#1

I’m trying to change the single event title in the Modern Events Calendar. I would like it to use Typekit for the “mec-single-title” class.

Any help on getting this to work would be great.

#2

Hi @themisfit,

Thanks for reaching out.

Are you referring to style changes, if yes then that class is correct. Example,

.mec-wrap .mec-single-title {
color: red !important;
font-size: 36px !important;
}

Else, please provide more information about the changes you’re adding.

Thanks!

#3

No, I’m trying to get the Typekit Font to be used as the Title font. I have typekit het for the headings, but it is not working in MEC

#4

Hi there,

You should be able to set the font family through CSS by using the selector you pointed like:

.mec-wrap .mec-single-title {
     font-family: 'TheTypekitFont';
}

Please change the font family value to the Typekit font you are using.

In case you are not able to get it to work, kindly provide the link of the site in question as you have several licenses; and the font you are trying to use.

Hope this helps.

#5

That did not work. I am using Pro theme on thefearfighter.com/dev site. The font name in Typekit is Badaboom Pro

#6

Hi,

Please change your css code to this.

.mec-wrap .mec-single-title {
    font-weight:400;
    font-family: "badaboom-pro",sans-serif;
}

Hope that helps

#7

Thanks that worked.

#8

You’re most welcome.

#9

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