• Resolved Sonnenbad

    (@sonnenbad)


    I use Twenty Twenty-Four. Theme (1.2) and Worpress (6.6.2) are updated.
    I did install Noto Sans from Google Fonts.
    I changed the theme settings for text, headings etc.
    Opera and Edge do show Noto in text and headings.
    Firefox, Chrome, Brave don’t show the Noto font but a default sans serif font
    – both in Desktop-Version and on mobile phone.
    I cleared the browser-cache.
    Because I did this the same way like in other WordPress instances of mine I have no clue what to change and would be glad about an idea : )

    Thank you

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • 4thhubbard

    (@4thhubbard)

    Hello. Trying to be of help so I checked the console and looked at the fonts. When looking at your site through Chrome, I found your font files are being served over HTTP instead of HTTPS. This may be the cause. You can try updating your font files:

    • Change the URLs in your CSS from https://mentavia.de/wp-content/uploads/fonts/ to https://mentavia.de/wp-content/uploads/fonts/.

    Or,

    • go to Settings > General and make sure both the WordPress Address (URL) and Site Address (URL) fields start with https://.
    • You can also install a plugin to force HTTPS on all resources across your site, which helps to prevent any mixed content issues.

    Once you make these changes, clear any server or plugin caches to ensure that the changes are reflected immediately.

    If that doesn’t work, it may be how the fonts are loaded or CSS conflicts. Here are a few troubleshooting things you can try.

    Confirm Font Source and Integration:

      • Since you’re using Google Fonts, double-check that the Google Fonts stylesheet link or @import is correctly added. Sometimes, browsers may not load the font properly if the URL or syntax has minor issues.
      • Ensure that the link or import is added directly in your theme’s header.php file or through the Custom CSS section in WordPress (found in Appearance > Customize > Additional CSS). Alternatively, if you are using the Site Editor, make sure it’s within the relevant global styles.

      Verify Font-Family Specification in CSS:

        • Ensure that the font-family for Noto Sans is specified correctly. It should look like this in CSS:
          css font-family: 'Noto Sans', sans-serif;
        • Check if there’s any CSS specifying fallback fonts that could be affecting browsers differently.
          Thread Starter Sonnenbad

          (@sonnenbad)

          @4thhubbard Thank you so much for your detailed advice – you helped me to solve the problem!
          a) changed Settings > General to https://
          b) used the Plugin “Better Search replace” to replace https:// to https://
          c) deleted Noto and installed it again

        Viewing 2 replies - 1 through 2 (of 2 total)
        • You must be logged in to reply to this topic.