Fonts show different on browsers

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #3596

    I am curious on how to display on style font on all browsers. I selected the font in the backend and I still see another style on Firefox, and safari
    any ideas?


    This is because the site has the child theme of Extinct theme loaded but does not have the child theme style.css file modified to remove the custom styles included there for loading custom font Weston. If you unload the child theme and instead load the parent theme Extinct, things should look the same in all browsers. Firefox does not take the child theme style.css settings into effect since it is still referring to remote font downloads on our servers due to security reasons.

    If you plan to use one of the fonts listed in the theme options Fonts tab, pls either empty the child theme style.css file or load the parent theme itself.


    So basically I activated the wrong theme, I should have used the parent theme and adjusted the style sheet in that folder? Will everything be the same if I activate the parent theme?


    Yes, you can activate the parent theme and things should remain the same.

    If you want to use the child theme ( it is not a wrong theme per se) you just need to remove custom styling defined in its style.css file but leave the parent stylesheet import there.


    I’m having a similar problem, would it be possible to clarify exactly which part of the Child CSS code (attached) needs to be removed to resolve this issue

    Many thanks

    Theme Name: Extinct Child
    Theme URI:
    Description: Child theme for the Extinct Theme by LiveMesh
    Author: LiveMesh
    Author URI:
    Template: extinct
    Version: 0.1.0

    @import url(“../extinct/style.css”);

    /* Download Weston font from
    * and generate web fonts from
    * and include URL for the generated web font elements here . */
    @font-face {
    font-family: ‘Weston’;
    src: url(‘’);
    src: url(‘’) format(’embedded-opentype’),
    url(‘’) format(‘woff’),
    url(‘’) format(‘truetype’),
    url(‘’) format(‘svg’);
    font-weight: normal;
    font-style: normal;


    .fancy-heading, .fancy-heading2 { font-family: ‘Weston’ !important; font-weight: normal !important; }

    h1, h2, h3, h4, h5, h6, #before-content-area h1, #before-content-area h2 , #sitemap-template h2, #archives-template h2,
    .archive h2, #portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title,
    #retina-text h3, .widget-title { font-family: ‘Weston’ !important; font-weight: normal !important; }

    .heading2 .title { letter-spacing: 3px !important; }

    #content .entry-title, #content .entry-title a, .comment-author cite, .header-fancy { font-family: ‘Weston’ !important; }

    .contact-info .phone-label, .contact-info .email-label, #author-widget .author-name { font-family: ‘Weston’ !important; }

    #portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title { font-size: 16px !important; }


    You will have to remove all the lines of code appearing after @import url(“../extinct/style.css”);.


    Great, works a treat. Thanks for the help and quick reply.




    I switched to the Parent theme and now I don’t have that problem.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Extinct Theme Support’ is closed to new topics and replies.