Fonts show different on browsers

[ten12design]

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?

[Raghavendra]

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.

[ten12design]

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?

[Raghavendra]

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.

[cliftoncreate]

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: https://www.livemeshthemes.com/extinct
Description: Child theme for the Extinct Theme by LiveMesh
Author: LiveMesh
Author URI: http://themeforest.net/user/livemesh
Template: extinct
Version: 0.1.0
*/

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

/* Download Weston font from http://fontfabric.com/weston-free-font/
* and generate web fonts from http://www.fontsquirrel.com/tools/webfont-generator
* and include URL for the generated web font elements here . */
@font-face {
font-family: ‘Weston’;
src: url(‘https://www.livemeshthemes.com/extinct/wp-content/fonts/Weston/weston_free-webfont.eot’);
src: url(‘https://www.livemeshthemes.com/extinct/wp-content/fonts/Weston/weston_free-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘https://www.livemeshthemes.com/extinct/wp-content/fonts/Weston/weston_free-webfont.woff’) format(‘woff’),
url(‘https://www.livemeshthemes.com/extinct/wp-content/fonts/Weston/weston_free-webfont.ttf’) format(‘truetype’),
url(‘https://www.livemeshthemes.com/extinct/wp-content/fonts/Weston/weston_free-webfont.svg#weston_freeregular’) 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; }

[Nexus]

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

[cliftoncreate]

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

[Nexus]

Cheers.

[ten12design]

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

[Author]

Posts