Will dequeueing in child theme functions.php file prevent Google Fonts from loading?

Dequeueing the enqueued style will be sufficient. But you need to be careful to dequeue it after it is enqueued. It is enqueued at the default priority of 10, so make sure that when you hook into wp_enqueue_scripts you do so at a higher/later priority. add_action( ‘wp_enqueue_scripts’, ‘wpse_escutcheon_scripts’, 11 ); function wpse_escutcheon_scripts() { wp_dequeue_style( ‘escutcheon-fonts’ … Read more

Let custom text widget use the same font as the theme

UPDATE: You just have to put this code in your custom-css area in the wordpress customizer: .wpb_wrapper {font-family: playfair display;} But this will affect all items on your site with the CSS-Class “.wpb_wrapper” so maybe you should look for a way to specifice the CSS-Classes and CSS-IDs for single elements of your page if you … Read more

Home icon is not showing correctly using font awesome

This is because your the icon is being output outside of the anchors. To fix this issue, add another class, for example my-class to the menu classes. Now, try to position the icon absolutely, and fix the padding: .fa.my-class::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .fa.my-class { margin-left: 10px; padding-left: 10px; … Read more

How do I install a custom local font?

It’s probably how you’re referencing the fonts from the css. Assuming “style.css” and “fonts” directories are on the same level, your code should work. Are you using a bundler (Webpack or Gulp)? Either could resolve your issue quickly.

How to host Google fonts in WordPress theme locally?

Download CSS with info about embedded fonts from Googleapis.com. Example link: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap Save the file right into your child theme directory so it’s now: https://www.example.com/wp-content/themes/theme-child/fonts.css When you open this fonts.css file, there is content which looks like this: /* latin-ext */ @font-face { font-family: ‘Montserrat’; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format(‘woff2’); unicode-range: … Read more