Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #180466

    I thought I had found the problem, but I am still having trouble with the the default font set up in “Styling” in the General Tab: Heading Font: Droid Sans; Body Text: Font: Droid Serif. The correct fonts show up in the Styling preview pane, but not on the site (Header is a “serif” not a “sans serif” font):

    http://www.nexuscontentlab.com

    The only CSS changes I have done are these in Quick CSS:

    h1, h2, h3, h4, h5, p {
    text-transform: none !important;
    }
    
    @media only screen and (max-width: 767px) 
    .responsive #top #header {
    position: fixed;
    }
    }

    I purged browser cache and the fonts are still wrong. I am using the enfold child theme, I have not changed the enfold child style.css file.

    Thanks, Mike.

    #180470

    Hi mhiller!

    You also have this which is what sets the font to Droid Serif for the whole body of your site:

    
    body{
    font-family:'Droid Serif', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    You could target the menu links specifically with however:

    
    #top .main_menu .menu li a {
    font-family: 'Droid Sans';
    }

    Cheers!
    Devin

    #180480

    Thanks Devin,

    I saw that with “inspect element”, but I don’t know where it came from (because I have only used Quick CSS) or how to get rid of it??

    Does Quick CSS actually write to another file? I have assumed that all Quick CSS is stored in the Quick CSS styling field and is gone whenever it is deleted from the field.

    Mike

    #180807

    I deleted the enfold parent and child theme and reinstalled them again. I then found the enfold_child.css files in the dynamic_avia directory and deleted out all font family references. However the H1 style is still loading a serif font. Does anyone have any ideas on how to fix this? There must be something “straggling” somewhere :-(.

    Thanks, Mike

    #180892

    Hey!

    Please add this on your custom.css or Quick CSS:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-family: 'Droid Sans' !important;
    }

    Regards,
    Ismael

    #181250

    Thanks, but it didn’t work. Something is corrupted somewhere, so I reinstalled everything and put all my CSS changes in custom.css instead of Quick CSS and it is working fine now. It look like if Quick CSS is filled up or the saves happen the wrong way it corrupts the enfold_child.css file. I will just make all CSS modifications in cusotmer.css to be safe. Thanks again for your help! Mike.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Erratic Default Fonts: Wrong fonts are displayed’ is closed to new replies.