global typography issue

  • Hi there,

    We are currently experiencing an issue with our custom font. We are using various plugins, and each plugin displays a different font, which is coming from Google font or classic fonts. This problem persists despite having added the custom font to Elementor and also via Custom Fonts plugin.

    Our primary concern is whether there is a CSS code available to force WP to use our custom font across all plugins consistently. We appreciate any advice or assistance you can provide us with to resolve this issue.

    Thanks in advance.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    across all plugins consistently

    That’s only possible if all plugins are consistent in the HTML attributes they use. Small chance of that. Ideally plugins would wish to inherit your theme’s font specifications. It’s not an ideal situation.

    For any plugin content that does not inherit theme fonts, you’d need to determine what CSS selectors the plugin uses to specify its desired font. You can then override with your preference using the same selectors. For equivalent precedence, if your CSS is parsed after any other, it’ll be the style used. This can usually be accomplished by adding overriding CSS to the Additional CSS section of the customizer or style book.

    However, if a plugin specifies a font using an element’s style attribute, it cannot be overridden with other CSS. It has the highest precedence. Your only option is to alter the style attribute value itself.

    Thread Starter wemsagency

    (@wemsagency)

    We have installed Use Any Font Plugin, which allows us to assign different fonts to various parts/elements of the site. Additionally, we have ensured that Elementor also has the setting to take custom fonts. Now, everything on the site has the same font.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘global typography issue’ is closed to new replies.