In this short article, I will show you how you can import Google fonts for the EmbedSocial widget embedded on your website.

Before we start, please go to Google Fonts and select the desired font.

Choose the font styling you want to have and click on +Select this style

On the right hand side menu

  •  Go to Embed
  • Click on @import
  • Copy the import code without the <style> tags
  • Copy the CSS rules

Once you have this code, go back to your EmbedSocial account and open up one of your widgets.

In the settings on the right hand side, go to Layouts and paste the code in the Custom CSS field.

The CSS rules code should be inside the body section.

Here's an example,

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300&display=swap');
body {
font-family: 'Comic Neue', cursive;
}

Make sure to click on Save Changes once you're done.

That's it!

If you are not using Google Fonts and you have your own custom fonts, please send the font files to support@embedsocial.com and we will import them for you.

For any questions or additional assistance feel free to reach out and chat with us.

We're happy to help.

Did this answer your question?