Roboto 300 font

  • Resolved ilyapokrov

    (@ilyapokrov)


    4 years, 1 month ago

    I have a question about fonts. I want to use the Roboto 300 font. In the (Appearance-Customize) panel, I select the Roboto 300 font. But when the site loads, the base font is displayed first, and then the Roboto is added. How can I ignore all fonts since I don’t need them? And download Roboto 300 right away. I tried everything I could, including uploading via Link to Head. In this case, all headers H1-H6 become bold and cannot be edited via css.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, thanks for reaching out.

    You can perhaps try adding the CSS rule to Customize > Additional CSS to see if that helps move the rule a bit higher up the cascade.

    @import url(//fonts.googleapis.com/css?family=Roboto:300);
body, button, input, select, textarea, #masthead h1, h1, h2, h3, h4, h5, h6, .main-navigation, .mobile-nav-frame, .mobile-nav-frame .title h3 {
	font-family: "Roboto";
	font-weight: 300;
}

    If this helps then it’ll be best to set the Customizer font settings back to the default font choice so that this CSS is loaded twice on the page.

    Thread Starter ilyapokrov

    (@ilyapokrov)

    @misplon,
    This works until I activate the caching plugin. I make changes to the child theme, but the parent theme loads earlier anyway. I guess this problem is because of this.

    Hi. If this change works until you activate a caching plugin then you can tackle the problem from that side of things. Try to adjust the caching settings to not target inline CSS in the document head. The plugin is perhaps combining all CSS in the head into one stylesheet which changes its position in the cascade.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Roboto 300 font’ is closed to new replies.