Same Font Displaying Differently on Different Pages

[Contourandco]

Hey Guys,

Okay so I have a weird one. I am using a font called permanent marker for my h6’s across the site. I put the following code in the CSS editor of the theme options.

.h6, h6 {
    color: #ea0013 !important;
    font-family: "Permanent Marker",cursive;
    font-size: 1.37rem;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 15px !important;
}

The font displays correctly on the homepage. You will see on the homepage [http://contourbeta.com/campark] under the title “Ways To Stay” there is a red h6 that says “What We Offer.” That is how it should show. Now if you visit the gallery page [http://contourbeta.com/campark/gallery/] you will see I brought in the same section from the homepage and the font is different. I inspected the elements using developer tools in chrome, and everything looks fine. Im a pretty confused, so hopefully you can help.

[ruenel]

Hello @Contourandco,

Thank you for the very detailed post information. The “Permanent Marker” font is working because the font itself is not loaded into the page. If you are using the font manager and have added this as one of your fonts, you will need to use it at least once in one of your elements on the page so that it will be loaded into the page. We have it this way to avoid any bloats when a font is not used.

To resolve this, instead of using the classic custom headline, you will use V2 headline element so that you’ll have more control and be able to assign the “Permanent Marker” font easily without even adding any custom css.

Hope this make sense.