WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Technical how to | Custom Code / How to add a new Google font

How to add a new Google font

3611 views 0

The easiest way to add google fonts is by using WP Google Fonts plugin: https://wordpress.org/plugins/wp-google-fonts/ 

In a child theme functions.php add the following code


add_action('wp_enqueue_scripts', 'wpestate_scripts_childtheme');
function wpestate_scripts_childtheme() {
$protocol = is_ssl() ? 'https' : 'http';
wp_enqueue_style( 'wpestate-railway', "$protocol://fonts.googleapis.com/css?family=Raleway:500,600,400,700,800&subset=latin,latin-ext" );
}

Now, you need to replace the raleway font in the above example with your font. Open the google fonts page and click quick use for your font. You should have something like in the image below

googlefints

Select the font styles from the list like bold, semi-bold etc. In “Add this code to your site ” section copy the string after  ?family= and replace it in the function above.

Technical how to | Custom Code

Related Articles

  • How to Add Custom Fields to the Login, Register and Forgot Password Forms
  • Technical: Change the Schedule Tour Email Text and the Form Default Message
  • Property list filter customization
  • Technical – How to Change the Minimum Image Dimensions for Property Uploads in WPResidence
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API