Recent Posts Mobile Font

Support
#1

Hi,

I’m using a typekit font for my recent posts title and date. The Typekit works perfectly fine on mobile in the text and headline element. To make the font work for the recent post title and date i’ve added the following css:

.x-recent-posts .h-recent-posts {
font-size: 30px;
margin-top: 5px;
margin-bottom: -5px;
font-weight: 700 !important;
font-family: “Century Old Style Std” !important;
color: #333333;
letter-spacing: 0;
}

This CSS makes the font only work on the desktop. I have also added a headline element for the mobile view to see the difference between the typekit font and the font that is actually displayed as the title and date in the recent post element.

Is there any way to get the typekit font (Century Old Style Std) to properly display as the title and date in the recent post element in mobile view?

url: feddewestera.com

Regards,

Fedde

#2

Hi Fedde,

Please change this code:

.x-recent-posts .h-recent-posts {
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
    font-weight: 700 !important;
    font-family: "Century Old Style Std" !important;
    color: #333333;
    letter-spacing: 0;
}

to:

.x-recent-posts .h-recent-posts {
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
    font-weight: 700 !important;
    font-family: "century-old-style-std",serif !important;
    color: #333333;
    letter-spacing: 0;
}

Hope this helps.

#3

Thanks! That worked perfectly.

#4

You’re’ welcome.

#5

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