Navigation
Archive / Adobe Typekit Font issue with Cornerstone
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 1, 2016 at 8:05 am #862518
    gmoe
    Participant

    Hi X-Theme,

    My website is sotostudio.usc.edu and I am using the Typekit Fonts for WordPress by OM4 and want to change all my fonts to Adobe Caslon Pro.

    I added the custom CSS below

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
    font-family: “Adobe Caslon Pro”, sans-serif !important;
    }
    p {
    font-family: “Adobe Caslon Pro”, sans-serif !important;
    }

    However, if you go to the home page not all the typefaces has changed to Adobe Caslon Pro

    Specifically— the Pricing Area, Creative CTA text and in the Widget section: Contact Info (Jetpack) and Email Form

    Please let me know where I need to make that change to make all the typeface consistent.

    Thanks!!

    Gary

    April 1, 2016 at 5:40 pm #863184
    Jade
    Moderator

    Hi Gary,

    Please try this CSS:

    p, span, * {
    font-family: "Adobe Caslon Pro", sans-serif !important;
}

    Hope this helps.

    April 4, 2016 at 2:25 pm #866441
    gmoe
    Participant

    Jade thank you! That worked perfectly!!!

    Thanks for the fast response!

    April 4, 2016 at 10:47 pm #867016
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

    April 25, 2016 at 6:16 pm #899454
    gmoe
    Participant

    Quick followup — Just saw something that is still a problem. It looks like icons are affected.

    If you go to sotostudio.usc.edu you will see the icon above contact us today seems partially missing as well as the scroll top anchor icon. Is there any way to change the fonts with out affecting the icons?

    Thanks in advance!

    G

    April 26, 2016 at 8:48 am #900367
    Christopher
    Moderator

    Hi there,

    Please replace your icon code with following :

    [icon type="envelope"]

    If you need further help, provide us with login credentials.

    Thanks.

    April 26, 2016 at 6:06 pm #901146
    gmoe
    Participant
    This reply has been marked as private.
    April 26, 2016 at 6:14 pm #901154
    gmoe
    Participant
    This reply has been marked as private.
    April 27, 2016 at 7:46 am #902043
    Jack
    Keymaster

    Hi Gary,

    Thanks for writing in!

    I’ve checked this and it’s not just a issue with those icons, font-awesome isn’t working at all, which I believe could be down to a CSS conflict with forcing the Adobe TypeKit font, can you post a private reply with your FTP details so I can take a closer look?

    Also where did you place the custom CSS? I didn’t see it in your theme, a child theme, customizer > custom css, cornerstone or otherwise.

    Please advise.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-862518 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>