{"id":483,"date":"2016-12-15T11:01:49","date_gmt":"2016-12-15T11:01:49","guid":{"rendered":"http:\/\/leaguewp.com\/?p=483"},"modified":"2019-09-14T17:05:01","modified_gmt":"2019-09-14T17:05:01","slug":"google-fonts-visual-editor-genesis","status":"publish","type":"post","link":"https:\/\/leaguewp.com\/google-fonts-visual-editor-genesis\/","title":{"rendered":"How to Add Google Fonts to Visual Editor in Genesis"},"content":{"rendered":"

There are many WordPress users like me who want to write their drafts directly using the default visual editor.<\/p>\n

With the release of WordPress 4.6 \u201cPepper\u201d on August 16, 2016, WordPress added the Native Fonts feature<\/a>, meaning the WordPress would use the fonts available on your system\u2019s operating system. This was done to ensure WordPress loaded faster and made you feel more familiar with the font interface.<\/p>\n

As of today, the default visual editor in WordPress looks like this:<\/p>\n

\"default<\/p>\n

If your website is running on Genesis Framework<\/a>, the default visual editor may appear like this:<\/p>\n

\"default<\/p>\n

But what if you want to customize it to suit your own needs?<\/p>\n

The good news is you can customize the default visual editor in WordPress by simply adding a code snippet in your functions.php and adding a custom style sheet in your theme folder.<\/p>\n

Caveat<\/strong>: Don\u2019t try this unless you\u2019re comfortable using FTP.<\/p>\n

If you’re familiar with using FTP, just follow the steps below:<\/p>\n

Step #1: Add the Following Code to functions.php of Your Active Theme<\/h2>\n