{"id":3353,"date":"2022-11-07T07:44:20","date_gmt":"2022-11-07T07:44:20","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?p=3353"},"modified":"2022-11-07T07:46:06","modified_gmt":"2022-11-07T07:46:06","slug":"how-to-load-google-fonts-locally","status":"publish","type":"post","link":"https:\/\/dentalia.orionthemes.com\/documentation\/how-to-load-google-fonts-locally\/","title":{"rendered":"How To Load Google Fonts Locally?"},"content":{"rendered":"<div id=\"pl-3353\"  class=\"panel-layout\" ><div id=\"pg-3353-0\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-default mobile-default desktop-default custom panel-row-style panel-row-style-for-3353-0\" ><div id=\"pgc-3353-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-0-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color display-2\">\r\n\t\t\t\tHow To Load Google Fonts Locally?\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-1\" id=\"favicon\" data-stretch-type=\"full\" ><div id=\"pgc-3353-1-0\"  class=\"panel-grid-cell\" ><div class=\"custom panel-cell-style panel-cell-style-for-3353-1-0\" ><div id=\"panel-3353-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"1\" ><div class=\"lead orion custom default panel-widget-style panel-widget-style-for-3353-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Dentalia comes with typography settings in Theme Options, where it is possible to choose fonts from the Google fonts library. The typography fields are part of the Redux Options Framework and provide an option to easily select font families among the vast library of Google fonts. It is convenient while designing the site. Change the font family in a select box and voila, the new font family loads directly from Google fonts, without the need to change anything in the theme PHP or CSS files.<\/p>\n<p>However, some developers prefer loading fonts locally instead of relying on Google Fonts. There are various reasons for that:<\/p>\n<ul class=\"list-arrow lead-list\">\n<li>EU General data protection regulation (GDPR) and privacy concerns<\/li>\n<li>Technology independence and full control<\/li>\n<li>SEO reasons<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-1-0-1\" class=\"so-panel widget widget_orion_dividers_w panel-last-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-2\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-3353-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color display-2\">\r\n\t\t\t\t3 steps to change how fonts are loaded in your WordPress theme\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-3353-2-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"4\" ><div class=\"lead orion custom default panel-widget-style panel-widget-style-for-3353-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ol class=\"ordered-list lead-list\">\n<li>Prevent loading fonts from Google<\/li>\n<li>Download Google font files and place them into the child theme.<\/li>\n<li>Add CSS, which tells which font families to load<\/li>\n<\/ol>\n<p>We\u2019ll be using a child theme so that all changes we are making will work also when you update your theme. You can download an Example Dentalia child theme with local fonts here:<\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-2-0-2\" class=\"so-panel widget widget_orion_button_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-2-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\r\n\t\t\t<a class=\"btn btn-c2 icon-left btn-flat btn-md\"  href=\"https:\/\/orionthemes.com\/wp-content\/uploads\/2022\/11\/dentalia-child-theme-custom-fonts.zip\">\r\n\t\t\t<span class=\"sow-icon-fontawesome sow-fas\" data-sow-icon=\"&#xf019;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>Download Child Theme\t\t\r\n\t\t<\/a>\r\n\t\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-3353-2-0-3\" class=\"so-panel widget widget_orion_dividers_w panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-2-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:35px; margin-bottom:47px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-3\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-3353-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-3-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h2 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\t1. Preventing the loading of fonts from Google\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-3353-3-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"8\" ><div class=\"lead orion custom default panel-widget-style panel-widget-style-for-3353-3-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Place the following PHP snippet to your child theme functions.php file:<\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-3-0-2\" class=\"so-panel widget widget_sow-editor\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-3-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p><code>\/* Prevent loading of Google fonts *\/<br \/>\nadd_action( 'redux\/loaded', function( $redux ) {<br \/>\n$redux-&gt;args['disable_google_fonts_link'] = true;<br \/>\n});<\/code><\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-3-0-3\" class=\"so-panel widget widget_orion_dividers_w panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-3-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:24px; margin-bottom:47px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-4\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-4\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-3353-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-4-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-4-0-0\" ><div id=\"pl-w6368b70d26aa3\"  class=\"panel-layout\" ><div id=\"pg-w6368b70d26aa3-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-w6368b70d26aa3-0\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-w6368b70d26aa3-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w6368b70d26aa3-0-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w6368b70d26aa3-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h2 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\t2. Download Google font files and place them into the child theme\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-w6368b70d26aa3-0-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"lead orion custom default panel-widget-style panel-widget-style-for-w6368b70d26aa3-0-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Make a list of all font families your theme is using, and which font weights are used. Download these fonts from <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Fonts<\/a>. After you select your font families, you will see a \u201cDownload Familly\u201d button. You can also use any of the web apps, which also create the needed CSS for you, like <a href=\"https:\/\/google-webfonts-helper.herokuapp.com\/\" target=\"_blank\" rel=\"noopener\">this one<\/a>.<\/p>\n<p>Place the downloaded fonts into the <strong>\/fonts\/font-family-name\/<\/strong> folder in the child theme. For the example of this tutorial, we downloaded two font families, which are used in Dentalia theme as default selected fonts: Montserrat and Open Sans.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-w6368b70d26aa3-0-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w6368b70d26aa3-0-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w6368b70d26aa3-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2022\/11\/child-theme-with-custom-local-fonts.jpeg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2022\/11\/child-theme-with-custom-local-fonts.jpeg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"358\" height=\"877\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2022\/11\/child-theme-with-custom-local-fonts.jpeg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"panel-3353-4-0-1\" class=\"so-panel widget widget_orion_dividers_w panel-last-child\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-4-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:35px; margin-bottom:47px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-5\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-5\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-3353-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-5-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-5-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h2 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\t3. Add CSS to define which font families to load\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-3353-5-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-5-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\">Add the CSS for the fonts into<strong> style.css<\/strong> folder. Here is the CSS snippet we used for the Montserrat and Open Sans font:<\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-5-0-2\" class=\"so-panel widget widget_sow-editor\" data-index=\"15\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-5-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p><code>\/* montserrat\/montserrat-regular - latin-ext_latin *\/<br \/>\n@font-face {<br \/>\nfont-family: 'Montserrat';<br \/>\nfont-style: normal;<br \/>\nfont-weight: 400;<br \/>\nsrc: url('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.eot'); \/* IE9 Compat Modes *\/<br \/>\nsrc: local(''),<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), \/* IE6-IE8 *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), \/* Super Modern Browsers *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.woff') format('woff'), \/* Modern Browsers *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.ttf') format('truetype'), \/* Safari, Android, iOS *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-regular.svg#Montserrat') format('svg'); \/* Legacy iOS *\/<br \/>\n}<br \/>\n\/* montserrat\/montserrat-700 - latin-ext_latin *\/<br \/>\n@font-face {<br \/>\nfont-family: 'Montserrat';<br \/>\nfont-style: normal;<br \/>\nfont-weight: 700;<br \/>\nsrc: url('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.eot'); \/* IE9 Compat Modes *\/<br \/>\nsrc: local(''),<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), \/* IE6-IE8 *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.woff2') format('woff2'), \/* Super Modern Browsers *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.woff') format('woff'), \/* Modern Browsers *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.ttf') format('truetype'), \/* Safari, Android, iOS *\/<br \/>\nurl('.\/fonts\/montserrat\/montserrat-v25-latin-ext_latin-700.svg#Montserrat') format('svg'); Legacy iOS<br \/>\n}<\/code><\/p>\n<p><code>\/* open-sans\/open-sans-regular - latin-ext_latin *\/<br \/>\n@font-face {<br \/>\nfont-family: 'Open Sans';<br \/>\nfont-style: normal;<br \/>\nfont-weight: 400;<br \/>\nsrc: url('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.eot'); \/* IE9 Compat Modes *\/<br \/>\nsrc: local(''),<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), \/* IE6-IE8 *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), \/* Super Modern Browsers *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), \/* Modern Browsers *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), \/* Safari, Android, iOS *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); \/* Legacy iOS *\/<br \/>\n}<br \/>\n\/* open-sans\/open-sans-700 - latin-ext_latin *\/<br \/>\n@font-face {<br \/>\nfont-family: 'Open Sans';<br \/>\nfont-style: normal;<br \/>\nfont-weight: 700;<br \/>\nsrc: url('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.eot'); \/* IE9 Compat Modes *\/<br \/>\nsrc: local(''),<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), \/* IE6-IE8 *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), \/* Super Modern Browsers *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.woff') format('woff'), \/* Modern Browsers *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), \/* Safari, Android, iOS *\/<br \/>\nurl('.\/fonts\/open-sans\/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); \/* Legacy iOS *\/<br \/>\n}<\/code><\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3353-5-0-3\" class=\"so-panel widget widget_orion_dividers_w panel-last-child\" data-index=\"16\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-3353-5-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:24px; margin-bottom:47px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3353-6\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default overlay-light custom panel-row-style panel-row-style-for-3353-6\" id=\"themeupdates\" data-stretch-type=\"full\" ><div id=\"pgc-3353-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3353-6-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"17\" ><div class=\"lead orion custom default panel-widget-style panel-widget-style-for-3353-6-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>If you followed the three steps above, all the fonts should be loading from a local folder on the server instead of fonts.google.com.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Dentalia comes with typography settings in Theme Options, where it is possible to choose fonts from the Google fonts library. The typography fields are part of the Redux Options Framework and provide an option to easily select font families among the vast library of Google fonts. It is convenient while designing the site. Change the<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[19,17,18],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/3353"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=3353"}],"version-history":[{"count":15,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/3353\/revisions"}],"predecessor-version":[{"id":3370,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/posts\/3353\/revisions\/3370"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=3353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=3353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=3353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}