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. 

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.

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?