You will experience a moment of great creativity in the use of web typography. Google Fonts is one of the most valuable resources because the quality of the selection is very high as it takes into account essential aspects of web and mobile typography, such as legibility and readability, and of course, the accessibility that its own platform dedicates itself to. In the previous article, I told you about How To Create A Font Category with Magento 2 Online Design. In this article, you will find out How to Add a New Google Font On Magento 2 Online Product Designer. Let's begin!

First, before starting the main content you should take a look at:

The benefits of Magento 2 Online Designer Extension for the shop owners.

  • Give a complete solution for the printing businesses
  • Can integrate module for any products you want
  • On/Off functional: add text, add arts, add the images, add Qrcode and Free draw
  • Setup the maximum and minimum image dimensions that customers can upload for each product
  • Upload product images for designs and configure product size and design area in "manage designs" tab
  • Manage the design templates
  • Manage fonts by adding, editing and deleting Google Fonts and Custom Fonts (file .woff and .ttf) in the back-end
  • Manage colors and clip art
  • Manage orders that included the design in the backend: View design, download design, approve or reject the design, output PDF
  • Allow shop owner approving the customer design in the detailed order
  • Increase business revenue
  • Easy to install and configure

Special, we integrated Google Fonts with Online Product Designer Extension For Magento 2.

So, how to add a new Google font on Magento 2 online product designer. You need to follow these steps below:

Step 1, you need access Magento Admin page of your site. Next, you click the Online Design Module and access Google Font. You can see the Google Font manager interface. Step 2, you enter the font name you want to search box and click "Add". So, the work was finished. It's simple, isn't it? Besides, You can add other fonts that google font has for your website.

In the final step, you need to clear caches after each change. Don' forget that! Now, you will see the change overview on the front-end. When you access the Magento Online Design interface and click add text, you can load and see new Google font on that.

Watch the video below for a quick overview of how it works:

How to add a new Google font on Magento 2 online product designer? from Cmsmart Netbase on Vimeo.

Above is the tutorial "How To Add A New Google Font On Magento 2 Online Product Designer?". Now, you can easily add more Google Font types with this extension for your design interface. I hope that this post brought more useful information to you. If you have any questions, please contact the CMSmart Support Team or our contact information below. They will answer questions for you.

Best regards.


Hello everyone!

Thanks for giving me this golden opportunity to introduce myself. I'm Kiera Alma. When I was in the Engineering College, I had made up my mind to become a Software Tester. I love to be a software tester. I have done ISTQB certification. I am a software tester with 5 years of experience in the software testing field. When I started my journey with MPA Company as a Trainee Software Tester and in my last assignment I have been associated with Netbase Company as a Test Leader.

I enjoy being a Leader and the opportunity to empower and motivate my team. Although I love my current role, I feel I am now ready for a more challenging assignment and this position really excites me. My goal is to build a successful career as a Software Tester, which can help my company and me personally.

Moreover, I fully realized that I am a representative of customers to experience our products as well as find technical problems so that clients have top priority as using our products which are good at both UI/UX and other criterias. My team and I always try to find the best way to improve the products by studying further market and customer’s behavior and enable you to have a product with high quality. Well, that was just a brief summary of my journey so far. However, if you would like to know any further details I would be glad to share it.

Many thanks and best regard!
Contact us
Skype: live:vincent_4281
Phone/ WhatsApp: +84 355 993 306
Email: [email protected]