{"id":8046,"date":"2021-03-12T08:32:23","date_gmt":"2021-03-12T07:32:23","guid":{"rendered":"https:\/\/www.welaunch.io\/en\/?post_type=faq&p=8046"},"modified":"2021-03-12T08:34:26","modified_gmt":"2021-03-12T07:34:26","slug":"google-fonts-child-theme","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/google-fonts-child-theme\/","title":{"rendered":"How to load Google Fonts in your WordPress Child theme"},"content":{"rendered":"

Loading Google fonts via their URL fonts.google.com is easy, but with easy comes problems.<\/p>\n

    \n
  1. Performance & Bad Google Pagespeed Insights Rank<\/li>\n
  2. GDPR (IP is sent to the font service)<\/li>\n<\/ol>\n

    That for you should load your Google fonts, that you want to embed, directly into your WordPress Child theme locally. We show you how:<\/p>\n

      \n
    1. Go to Google Wefonts helper<\/a><\/li>\n
    2. Search for your font on top left<\/li>\n
    3. Select the styles you need
      \nand only the ones you really need, because the more you load the slower it gets<\/li>\n
    4. Customize the folder prefix to .\/fonts\/<\/li>\n
    5. Copy the CSS into your child theme<\/li>\n
    6. Download the files<\/li>\n
    7. Put them into the fonts folder in your child theme<\/li>\n
    8. Upload<\/li>\n<\/ol>\n
      \n\n\t
      \n\t\t\t\t
      \n\t\t\t\n\t\t\t\n\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\"search\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n