{"id":80612,"date":"2024-09-24T16:22:24","date_gmt":"2024-09-24T16:22:24","guid":{"rendered":"https:\/\/sales-ai-agents.com\/?post_type=docs&p=80612"},"modified":"2024-11-07T07:31:49","modified_gmt":"2024-11-07T07:31:49","password":"","slug":"adding-support-for-fonts-from-google-fonts-to-porta","status":"publish","type":"docs","link":"https:\/\/sales-ai-agents.com\/fr\/guides\/client-portal\/adding-support-for-fonts-from-google-fonts-to-porta\/","title":{"rendered":"Adding support for fonts from Google Fonts to portal"},"content":{"rendered":"\n

If for any reason you are not satisfied with the default font available in the portals, you can add custom fonts, such as those from Google Fonts. Let me show you how to do this.<\/p>\n\n\n\n

1) Open Google Fonts – https:\/\/fonts.google.com\/<\/a> <\/p>\n\n\n\n

2) Select the desired font and click on it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3) Click on Get Font and then click on Embed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

4) Copy the Embed code.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

5) Go to the Customizer of your portal.<\/p>\n\n\n\n

6) Navigate to Settings -> Custom Code.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7) Paste the copied code into the Head section. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

8) In the Custom styles section, you need to insert the code that will be applied to all blocks of the portal. <\/p>\n\n\n\n

<style>\n#main-scrolling-container > * {\n  font-family: \"Playwrite DE Grund\", cursive;\n}\n<\/style><\/code><\/pre>\n\n\n\n
In the font-family<\/strong> field, you need to insert the name of your font, which can be copied from the embed code.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
9) Click Publish<\/strong> to apply the changes.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
10) You can open the portal and check that the fonts have been applied correctly.<\/p>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
If for any reason you are not satisfied with the default font available in the portals, you can add custom fonts, such as those from Google Fonts. Let me show you how to do this. 1) Open Google Fonts – https:\/\/fonts.google.com\/ 2) Select the desired font and click on it. 3) Click on Get Font […]<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"doc_category":[12],"doc_tag":[],"class_list":["post-80612","docs","type-docs","status-publish","hentry","doc_category-client-portal"],"acf":[],"year_month":"2026-04","word_count":158,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Kuzma Safonov","author_nicename":"kuzmasaf","author_url":"https:\/\/sales-ai-agents.com\/fr\/blog\/author\/kuzmasaf\/"},"doc_category_info":[{"term_name":"Portals","term_url":"https:\/\/sales-ai-agents.com\/guides\/client-portal\/"}],"doc_tag_info":[],"yoast_head":"\nAdding support for fonts from Google Fonts to portal - Sales AI Agents<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sales-ai-agents.com\/fr\/guides\/client-portal\/adding-support-for-fonts-from-google-fonts-to-porta\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding support for fonts from Google Fonts to portal - Sales AI Agents\" \/>\n<meta property=\"og:description\" content=\"If for any reason you are not satisfied with the default font available in the portals, you can add custom fonts, such as those from Google Fonts. Let me show you how to do this. 1) Open Google Fonts – https:\/\/fonts.google.com\/ 2) Select the desired font and click on it. 3) Click on Get Font […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sales-ai-agents.com\/guides\/\" \/>\n<meta property=\"og:site_name\" content=\"Sales AI Agents\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-07T07:31:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nimbusweb.me\/wp-content\/uploads\/2025\/05\/og-2025.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/client-portal\/adding-support-for-fonts-from-google-fonts-to-porta\/\",\"url\":\"https:\/\/sales-ai-agents.com\/guides\/\",\"name\":\"Adding support for fonts from Google Fonts to portal - Sales AI Agents\",\"isPartOf\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png\",\"datePublished\":\"2024-09-24T16:22:24+00:00\",\"dateModified\":\"2024-11-07T07:31:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sales-ai-agents.com\/guides\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\",\"url\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png\",\"contentUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Guides\",\"item\":\"https:\/\/sales-ai-agents.com\/guides\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding support for fonts from Google Fonts to portal\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sales-ai-agents.com\/#website\",\"url\":\"https:\/\/sales-ai-agents.com\/\",\"name\":\"FuseBase\",\"description\":\"Sales AI Agents - Free Online Collaboration Software for Remote Teams. Build your wikis, client portals and more with the Nimbus Platform collaboration tool ? A perfect space for online work\",\"publisher\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sales-ai-agents.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sales-ai-agents.com\/#organization\",\"name\":\"FuseBase\",\"url\":\"https:\/\/sales-ai-agents.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg\",\"contentUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg\",\"width\":128,\"height\":128,\"caption\":\"FuseBase\"},\"image\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding support for fonts from Google Fonts to portal - Sales AI Agents","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:\/\/sales-ai-agents.com\/fr\/guides\/client-portal\/adding-support-for-fonts-from-google-fonts-to-porta\/","og_locale":"fr_FR","og_type":"article","og_title":"Adding support for fonts from Google Fonts to portal - Sales AI Agents","og_description":"If for any reason you are not satisfied with the default font available in the portals, you can add custom fonts, such as those from Google Fonts. Let me show you how to do this. 1) Open Google Fonts – https:\/\/fonts.google.com\/ 2) Select the desired font and click on it. 3) Click on Get Font […]","og_url":"https:\/\/sales-ai-agents.com\/guides\/","og_site_name":"Sales AI Agents","article_modified_time":"2024-11-07T07:31:49+00:00","og_image":[{"url":"https:\/\/nimbusweb.me\/wp-content\/uploads\/2025\/05\/og-2025.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sales-ai-agents.com\/guides\/client-portal\/adding-support-for-fonts-from-google-fonts-to-porta\/","url":"https:\/\/sales-ai-agents.com\/guides\/","name":"Adding support for fonts from Google Fonts to portal - Sales AI Agents","isPartOf":{"@id":"https:\/\/sales-ai-agents.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage"},"image":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage"},"thumbnailUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png","datePublished":"2024-09-24T16:22:24+00:00","dateModified":"2024-11-07T07:31:49+00:00","breadcrumb":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sales-ai-agents.com\/guides\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage","url":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png","contentUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/09\/image-58-1024x517.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Guides","item":"https:\/\/sales-ai-agents.com\/guides\/"},{"@type":"ListItem","position":2,"name":"Adding support for fonts from Google Fonts to portal"}]},{"@type":"WebSite","@id":"https:\/\/sales-ai-agents.com\/#website","url":"https:\/\/sales-ai-agents.com\/","name":"FuseBase","description":"Sales AI Agents - Free Online Collaboration Software for Remote Teams. Build your wikis, client portals and more with the Nimbus Platform collaboration tool ? A perfect space for online work","publisher":{"@id":"https:\/\/sales-ai-agents.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sales-ai-agents.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/sales-ai-agents.com\/#organization","name":"FuseBase","url":"https:\/\/sales-ai-agents.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/","url":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg","contentUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg","width":128,"height":128,"caption":"FuseBase"},"image":{"@id":"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/docs\/80612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/comments?post=80612"}],"version-history":[{"count":8,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/docs\/80612\/revisions"}],"predecessor-version":[{"id":82398,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/docs\/80612\/revisions\/82398"}],"wp:attachment":[{"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/media?parent=80612"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/doc_category?post=80612"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=80612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}