I am a bit new at this and have had ai help a little, but I am really not having success.  I purchased the font toadstool that I want to use. (see below)...a second problem is my mobile view (I can't get any of it to use my Toadstool font and the dummy @2021  All Rights Reserved. Designed and Developed by Penci Design is there and I'd like to replace with my own info.

1. Uploaded toadstool-webfont.woff and toadstool-webfont.woff2 to the Media Library.

2. Confirmed the files are accessible via secure HTTPS URLs, e.g.:
   https://earthsongliving.com/wp-content/uploads/2025/07/toadstool-webfont.woff2

3. Registered the font manually with CSS using @font-face in Appearance → Customize → Additional CSS.

4. Applied it to headings and menu selectors with CSS (font-family: 'Toadstool', serif !important;).

5. Cleared caches (SiteGround Optimizer + Elementor Tools) and hard-refreshed.

• The font loads correctly (confirmed by forcing body { font-family: 'Toadstool' }).

• However, the header navigation menu text (top-level and dropdowns) does not consistently switch to Toadstool — it seems Soledad’s header builder / typography settings are overriding or ignoring the custom CSS.

• What is the correct method in Soledad to apply a custom font (from Media Library, not Google Fonts) to the header navigation menu and dropdowns?

• Should the font appear in the Soledad → Typography Settings list once registered, or must it be applied only with CSS overrides?

• Are there specific selectors for Soledad’s Header Builder menus that differ from .penci-header .menu > li > a and .penci-header .menu li ul li a?

Hi, thanks for the quick reply!

I did see the Soledad → Custom Fonts tool, but I wasn’t able to get my .woff2 file to show up in the uploader or appear in the Typography dropdown at first. That’s why I went down the CSS/manual route with some AI assistance.

The font is working now on my desktop header navigation and dropdowns (using CSS overrides). However, I’d still like to know the theme-native way to do this so it’s future-proof and manageable from the Customizer:

• When I upload a font through Soledad → Custom Fonts, should it automatically appear in the Typography settings list (e.g. under Appearance → Customize → General → Typography)?

• If it doesn’t show up, is that a MIME/format issue (e.g. .woff2 not being recognized), or do I need to convert the font to a different format for Soledad’s tool?

• Once uploaded, will the custom font apply globally (so I don’t need CSS overrides for the header menu, mobile menu, etc.)?

I also still have one extra issue: the mobile off-canvas menu — the site title at the top and the footer credit still ignore my font settings. Is there a way to point those to the custom font directly in Soledad without extra CSS?

Thanks again — I just want to be sure I’m using the correct process going forward.

Thank you..I'll try that. Will that also resolve the "Site Title" on the hamburger menu on the mobile view to my custom Toadstool Font as well?  See image below I attached.