• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Portfolio Pro page isn't matching fonts on other pages

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Portfolio Pro page isn't matching fonts on other pages

This topic is: resolved

Tagged: Atmosphere Pro, fonts, google fonts, Gutenberg

  • This topic has 2 replies, 2 voices, and was last updated 3 years, 7 months ago by Doug.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 4, 2019 at 7:16 pm #492128
    Doug
    Participant

    I'm using Porfolio Pro with the Atmosphere Pro theme, and have one of the pages in my portfolio that has a different page body content font than other pages.

    Seemingly normal template page with font treatment I want

    Strategy, Production & Marketing // Podcast

    Problem Page

    Online Advertising // B2B Software App

    I'm trying to source this issue with Inspect, but am not sure how to find the font for a given word. When using Inspect, it doesn't show a font name in the information that pops up. When I click on the Style.css link, I'm still not clear on how to read the font. It seems to be Lato.

    I installed Google fonts, hoping that would give me more control in getting the fonts to match the theme.

    In Customize > Google Fonts > Content Typography, I'm able to select different font names in Font Family, and they change accordingly. However, different Weight selections produce no changes.

    So I think the font on my problem page is Lato and matches other pages, but it's the weighting that's the problem.

    Without being able to understand what's going on in Inspect, I'm hoping someone can tell me how to approach figuring out why my one page has a different font that the other Portfolio Pro pages.

    thanks
    doug

    https://dougschumacher.com/portfolio/online-advertising-b2b-software-app/
    July 5, 2019 at 2:26 am #492132
    andytc
    Participant

    On the problem page each paragraph has a span style added that changes the font-weight - see below

    <span style="font-weight: 400;">Diverse target audiences were defined across factors including industry, company size, job title, interests and behaviors. Analysis of performance created an ongoing feedback loop into business strategy, driving insight into the customer traits most likely to try, use and purchase.</span>

    Find out where that span is being added , it's set for 300 as the default , this is over ridding that.

    July 5, 2019 at 8:30 am #492138
    Doug
    Participant

    Thanks for the note on that, andytc.

    Those span style tags must have gotten in there when I pasted in copy from a Google Doc. Forgot to paste with no formatting.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Portfolio Pro page isn't matching fonts on other pages’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble