{"id":311264,"date":"2021-11-11T15:08:56","date_gmt":"2021-11-11T15:08:56","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=311264"},"modified":"2025-11-04T08:31:33","modified_gmt":"2025-11-04T08:31:33","slug":"prestashop-google-fonts-user-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/","title":{"rendered":"Prestashop Google Fonts {User-Guide}"},"content":{"rendered":"\n<p>Prestashop Google Fonts is an effective tool that allows you to add Google Fonts to the Prestashop theme without coding. <\/p>\n\n\n\n<p>Improve user experience and boost engagement by making your content look more attractive with eye-catching fonts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Over 1000 Google Fonts to choose from.<\/li>\n\n\n\n<li>Select Google Fonts for front office and back office.<\/li>\n\n\n\n<li>Choose one font for headings and another for paragraphs.<\/li>\n\n\n\n<li><span style=\"color: initial;\">Improve the appearance of your site.<\/span><\/li>\n<\/ul>\n\n\n\n<p>Check the overview of the plugin in the video mentioned-below \u2013<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"0hI3l908m40\"><div class=\"components-placeholder__instructions\">0hI3l908m40<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of <meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">Prestashop Google Fonts<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Integrate Google Fonts with your Prestashop store.<\/li>\n\n\n\n<li>Select Google Fonts for different elements of the front office like headings, paragraphs, anchor tags, footer, and button tags.<\/li>\n\n\n\n<li>Choose Google Fonts for different tags in the back office like menu, page title, label tags, and button tags.<\/li>\n\n\n\n<li>You can also apply specific Google Font to the whole shop or back office.<\/li>\n\n\n\n<li>Allows you to preview what your content will look like with Google Fonts.<\/li>\n\n\n\n<li>Prestashop Google Fonts module is MultiShop Compatible.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to Install Prestashop Google Fonts<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" alt=\"easypost shipping installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/2-3-1200x424.png\" alt=\"easypost shipping installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/3-2-1200x391.png\" alt=\"easypost shipping installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">Post-installation, a new tab &#8220;Google Font Settings&#8221; gets available under the Design section in the back office. From here, admin can configure the module settings. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/12\/Dashboard-%E2%80%A2-Demo-1200x600.png\" alt=\"Dashboard-\u2022-Demo\" class=\"wp-image-314405\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272550.png\" alt=\"Configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>General Settings<\/strong><\/h4>\n\n\n\n<p>Under General Settings, admin needs to specify Google Webfont Key to integrate Google Fonts to the Prestashop store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272549.png\" alt=\"general settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After saving the configuration, a list of all the Google fonts will display in the dropdown lists under front office and back office settings. <\/p>\n\n\n\n<p>In case admin has not generated the key, then Google Fonts will not be visible in dropdown lists and he can apply a custom Google font to a specific element or tag.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">How to get Google Webfont Key<\/h3>\n<\/div><\/div>\n\n\n\n<p>To obtain the Google Webfont Key, go to <a href=\"https:\/\/developers.google.com\/fonts\/docs\/developer_api\">https:\/\/developers.google.com\/fonts\/docs\/developer_api<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"540\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1-1200x540.png\" alt=\"google-font1\" class=\"wp-image-311381\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1-1200x540.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font1.png 1346w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on Identifying your application to Google as shown in the above screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"532\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2-1200x532.png\" alt=\"Google-font2\" class=\"wp-image-311382\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2-1200x532.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2-300x133.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2-250x111.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2-768x341.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font2.png 1350w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8220;Get a Key&#8221; button to create a project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"537\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-1200x537.png\" alt=\"Google-font3\" class=\"wp-image-311383\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-1200x537.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-300x134.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-768x344.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3-604x270.png 604w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Google-font3.png 1347w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In a popup, enter tthe project name and click on Next.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"484\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4-1200x484.png\" alt=\"google-font4\" class=\"wp-image-311384\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4-1200x484.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4-300x121.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4-250x101.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4-768x310.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/google-font4.png 1336w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the next button, the store owner will find the Google Webfont Key.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Front Office Settings<\/strong><\/h4>\n\n\n\n<p>Under Front Office Settings, admin can select Google fonts for different elements of front office. <\/p>\n\n\n\n<p>Admin can choose to apply a single font on the whole Prestashop site or select separate fonts for different elements like headings, paragraphs, anchor tags, etc.<\/p>\n\n\n\n<p>A list of all the Google fonts is displayed in the dropdown lists under Front office settings. Admin can select the suitable fonts for headings, paragraphs, anchor tags, button tags, and footer.<\/p>\n\n\n\n<p>Also, admin can select a custom Google font for the whole shop or different elements in case you have not created Google Webfont key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272548.png\" alt=\"Front Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272547.png\" alt=\"Front Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272546.png\" alt=\"Front Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Front End View<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"740\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-740x1024.png\" alt=\"8-5\" class=\"wp-image-311348\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-740x1024.png 740w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-217x300.png 217w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-180x249.png 180w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-768x1062.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5-1111x1536.png 1111w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/8-5.png 1397w\" sizes=\"(max-width: 740px) 100vw, 740px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>At the front end, the customers can view Google fonts selected by admin for different HTML elements such as headings, paragraphs, anchor tags, button tags, and footer.<\/p>\n\n\n\n<p>If admin applies a specific font on the whole shop, then the entire content at the front end will display as per the selected font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-702x1024.png\" alt=\"14-2\" class=\"wp-image-311379\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-702x1024.png 702w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-206x300.png 206w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-171x249.png 171w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-768x1120.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2-1053x1536.png 1053w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/14-2.png 1404w\" sizes=\"(max-width: 702px) 100vw, 702px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Back Office Settings<\/strong><\/h4>\n\n\n\n<p>Under Back Office Settings, admin can select Google Fonts for different tags in the back office. <\/p>\n\n\n\n<p>Admin can choose to apply a single font on the whole back office or select separate fonts for different tags like page title, label tags, menu, and button tags.<\/p>\n\n\n\n<p>Admin can select custom Google font for the whole shop or different tags.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272545.png\" alt=\"Back Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272544.png\" alt=\"Back Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the above screenshot we can see admin has applied Aclonica font to the whole back office.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272543.png\" alt=\"Back Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After applying Google fonts to different tags, let&#8217;s have a look at back-end view.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1725272542.png\" alt=\"Back Office Settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">This was all about Prestashop Google Fonts Module. I hope this document will help you in checking the functionality of the module in a better way. <\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">For any kind of technical assistance or query, please&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">Also, please explore our <a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a> and vast range of quality <a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prestashop Google Fonts is an effective tool that allows you to add Google Fonts to the Prestashop theme without coding. Improve user experience and boost engagement by making your content look more attractive with eye-catching fonts. Check the overview of the plugin in the video mentioned-below \u2013 Post-installation, a new tab &#8220;Google Font Settings&#8221; gets <a href=\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":165,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[],"class_list":["post-311264","post","type-post","status-publish","format-standard","hentry","category-prestashop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prestashop Google Fonts {User-Guide}<\/title>\n<meta name=\"description\" content=\"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Google Fonts {User-Guide}\" \/>\n<meta property=\"og:description\" content=\"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-11T15:08:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-04T08:31:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" \/>\n<meta name=\"author\" content=\"Ashish Sehgal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashish Sehgal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\"},\"author\":{\"name\":\"Ashish Sehgal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\"},\"headline\":\"Prestashop Google Fonts {User-Guide}\",\"datePublished\":\"2021-11-11T15:08:56+00:00\",\"dateModified\":\"2025-11-04T08:31:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\"},\"wordCount\":710,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\",\"name\":\"Prestashop Google Fonts {User-Guide}\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"datePublished\":\"2021-11-11T15:08:56+00:00\",\"dateModified\":\"2025-11-04T08:31:33+00:00\",\"description\":\"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"width\":1284,\"height\":357},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Google Fonts {User-Guide}\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\",\"name\":\"Ashish Sehgal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ashish Sehgal\"},\"description\":\"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Google Fonts {User-Guide}","description":"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/","og_locale":"en_US","og_type":"article","og_title":"Prestashop Google Fonts {User-Guide}","og_description":"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.","og_url":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-11-11T15:08:56+00:00","article_modified_time":"2025-11-04T08:31:33+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","type":"","width":"","height":""}],"author":"Ashish Sehgal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ashish Sehgal","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/"},"author":{"name":"Ashish Sehgal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d"},"headline":"Prestashop Google Fonts {User-Guide}","datePublished":"2021-11-11T15:08:56+00:00","dateModified":"2025-11-04T08:31:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/"},"wordCount":710,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/","url":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/","name":"Prestashop Google Fonts {User-Guide}","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","datePublished":"2021-11-11T15:08:56+00:00","dateModified":"2025-11-04T08:31:33+00:00","description":"Prestashop Google Fonts allows you to add Google Fonts to your Prestashop theme without coding.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","width":1284,"height":357},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-google-fonts-user-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestashop Google Fonts {User-Guide}"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d","name":"Ashish Sehgal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ashish Sehgal"},"description":"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.","url":"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/311264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=311264"}],"version-history":[{"count":17,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/311264\/revisions"}],"predecessor-version":[{"id":511965,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/311264\/revisions\/511965"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=311264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=311264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=311264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}