Hello and welcome to StackExchange for WordPress. When you run npm run watch it only watches the compiling process of your .sass files, It’s not magically recognizing the things you want. You have to explicitly tell your bundler to do that. You could manually put all the fonts in their respective, correct place. However, that … Read more
I haven’t found any solution to entirely convert dashicons- class automatically generated into fas fa-…. Having always used fa-solid or fa-regular I didn’t know you could shorten with fas and far. My mistake So I bypassed the style font-family:dashicons; adding: div.wp-menu-image.dashicons-before[class*=”fa”]::before { font-family: “Font Awesome 6 Free” !important; } In theory [class*=”fa”] include fa, fas, … Read more
What are System fonts and where are they used?
How to automatically load Google Fonts on pages only as they’re used?
Adding fontAwesome to Primary Menu returns after saving the menu
Rem font size is different in the frontend and block editor
How to self host fonts and have them show up in all the Full Site Block Editor Typography options, including global styling
If you check your source code and look for “fonts.” you will find a line that is calling the stylesheet. This could be “googleapis.com” or “google.com or other URL. Here’s how mine looks (using Astra theme); <link rel=”stylesheet” id=’astra-google-fonts-css’ href=”https://fonts.googleapis.com/css?family=Roboto%3A400%2C&display=fallback&ver=4.0.2″ media=”all” /> Make note of the ID (astra-google-fonts-css) and then add the following to your … Read more
You can try the following steps: Open your WordPress dashboard and go to the Appearance –> Editor page. In the editor, open the style.css file, which is located in the right sidebar under “Stylesheets.” At the top of the style.css file, add a new @font-face rule to define your self-hosted font. The @font-face rule should … Read more
Remove Unwanted Font Files from Loading into WordPress Frontend