{"id":3393,"date":"2022-09-20T15:22:40","date_gmt":"2022-09-20T15:22:40","guid":{"rendered":"https:\/\/sales-ai-agents.com\/?post_type=docs&#038;p=3393"},"modified":"2023-04-15T19:12:58","modified_gmt":"2023-04-15T19:12:58","password":"","slug":"adding-support-for-fonts-from-google-fonts-to-public-links","status":"publish","type":"docs","link":"https:\/\/sales-ai-agents.com\/fr\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/","title":{"rendered":"Adding support for fonts from Google Fonts to public links"},"content":{"rendered":"\n<p>Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.<\/p>\n\n\n\n<p>1) Go to the organization management panel &#8211; <a href=\"https:\/\/teams.nimbusweb.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/teams.nimbusweb.me<\/a>.<\/p>\n\n\n\n<p>2) Go to workspace management.<\/p>\n\n\n\n<p>3) Click on <strong>Custom HTML \/ JS<\/strong> in the workspace menu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png\" alt=\"Click on Custom HTML \/ JS in the workspace menu.\"\/><\/figure><\/div>\n\n\n<p>4) Press on <strong>Add HTML\/JS<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/ipebGduzmRLgBM87\/image.png\" alt=\"Press on Add HTML\/JS\"\/><\/figure><\/div>\n\n\n<p>5) Go to <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fonts.google.com<\/a><\/p>\n\n\n\n<p>6) Click on the desired font.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Jbyuu1Pkvgkueu39\/image.png\" alt=\"Click on the desired font\"\/><\/figure><\/div>\n\n\n<p>7) Click on <strong>+ Select this style<\/strong> next to the desired style.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/h43rDEWGmQQb0F01\/image.png\" alt=\"Click on + Select this style next to the desired style.\"\/><\/figure><\/div>\n\n\n<p>8) Click on <strong>Embed<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/ZM1Q7AvVLO2FpLLB\/image.png\" alt=\"Click on Embed\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>9) Copy the code.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/iAODQxt1lmslqf96\/image.png\" alt=\"Copy the code\"\/><\/figure><\/div>\n\n\n<p>10) Add the resulting code to the &lt;head> &lt;\/head> field in the new script dialog in <a href=\"https:\/\/sales-ai-agents.com\/note\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nimbus Note<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/i0TbBWW4NYh0mqH3\/image.png\" alt=\"Add the resulting code to the field in the new script dialog in Nimbus Note\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>Next, you need to choose how you want your public page to look.<\/p>\n\n\n\n<p>a) If you want to apply the font to both the page text and the text of control links (for example, page cards or links like Share or Full Screen), then add the following text as well.<\/p>\n\n\n\n<p>HTML\/XML:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;style&gt;body, .note-container{font-family: 'Font', cursive;}&lt;\/style&gt;<\/pre>\n\n\n\n<p><strong>Font <\/strong>needs to be replaced by the name of the font, for example, in our case &#8211; Inconsolata. It will look like this &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/pawFBES87sHumMZr\/image.png\" alt=\"Font needs to be replaced by the name of the font, for example, in our case - Inconsolata. It will look like this\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>And this is how the public page will look like &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/8rfSu3Wk8ysi7n4C\/image.png\" alt=\"And this is how the public page will look like\"\/><\/figure><\/div>\n\n\n<p>b) If you want to change the font only for the control links, use the following text.<\/p>\n\n\n\n<p>HTML\/XML:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;style&gt;body{font-family: 'Font', cursive;}&lt;\/style&gt;<\/pre>\n\n\n\n<p>Like this &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/nmr5MiQpFx6Ylwxe\/image.png\" alt=\"If you want to change the font only for the control links, use the following text.\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>c) Also, you can use different fonts for page text and for control links. To do this, use the following text.<\/p>\n\n\n\n<p>HTML\/XML:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;style&gt;body{font-family: 'Font 1';} &nbsp;.note-container{font-family: 'Font 2';}&lt;\/style&gt;<\/pre>\n\n\n\n<p>body{font-family: &#8216;Font 1&#8217;;} &#8211; this is for system links.<\/p>\n\n\n\n<p>page-container{font-family: &#8216;Font 2&#8217;;} &#8211; this is for page text.<\/p>\n\n\n\n<p>For example, we can use the Forum font for control links, and Inconsolata for text. Accordingly, we add both fonts with Google Fonts &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/BS3XUAZtfw3mZtGa\/image.png\" alt=\"For example, we can use the Forum font for control links, and Inconsolata for text. Accordingly, we add both fonts with Google Fonts\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>and add the following text &#8211;<\/p>\n\n\n\n<p>HTML\/XML:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;style&gt;body{font-family: 'Forum';} &nbsp;.note-container{font-family: 'Inconsolata';}&lt;\/style&gt;<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Ehei84CQUVqchsDn\/image.png\" alt=\"and add the following text\" width=\"350\"\/><\/figure><\/div>\n\n\n<p>And we get this view &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/s7rocO0ULg2O3xXn\/image.png\" alt=\"And we get this view\"\/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font. 1) Go to the organization management panel &#8211; https:\/\/teams.nimbusweb.me. 2) Go to workspace management. 3) Click on Custom HTML \/ JS in the workspace menu. 4) Press on Add HTML\/JS. 5) Go to https:\/\/fonts.google.com [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-3393","docs","type-docs","status-publish","hentry","doc_category-embedding-sharing"],"acf":[],"year_month":"2026-04","word_count":334,"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":"Embedding &amp; Sharing","term_url":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding support for fonts from Google Fonts to public links - Sales AI Agents<\/title>\n<meta name=\"description\" content=\"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.\" \/>\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\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/\" \/>\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 public links - Sales AI Agents\" \/>\n<meta property=\"og:description\" content=\"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/\" \/>\n<meta property=\"og:site_name\" content=\"Sales AI Agents\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-15T19:12:58+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\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/\",\"url\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/\",\"name\":\"Adding support for fonts from Google Fonts to public links - Sales AI Agents\",\"isPartOf\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png\",\"datePublished\":\"2022-09-20T15:22:40+00:00\",\"dateModified\":\"2023-04-15T19:12:58+00:00\",\"description\":\"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.\",\"breadcrumb\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage\",\"url\":\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png\",\"contentUrl\":\"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#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 public links\"}]},{\"@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 public links - Sales AI Agents","description":"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.","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\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/","og_locale":"fr_FR","og_type":"article","og_title":"Adding support for fonts from Google Fonts to public links - Sales AI Agents","og_description":"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.","og_url":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/","og_site_name":"Sales AI Agents","article_modified_time":"2023-04-15T19:12:58+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\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/","url":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/","name":"Adding support for fonts from Google Fonts to public links - Sales AI Agents","isPartOf":{"@id":"https:\/\/sales-ai-agents.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage"},"image":{"@id":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage"},"thumbnailUrl":"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png","datePublished":"2022-09-20T15:22:40+00:00","dateModified":"2023-04-15T19:12:58+00:00","description":"Using custom scripts, you can connect any font from Google Fonts and public pages will be displayed with the selected font.","breadcrumb":{"@id":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#primaryimage","url":"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png","contentUrl":"https:\/\/app.nimbusweb.me\/box\/attachment\/4581239\/a49wiak2cm48pop2310l\/Oyr7k9dOUaDkFSvp\/image.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sales-ai-agents.com\/guides\/embedding-sharing\/adding-support-for-fonts-from-google-fonts-to-public-links\/#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 public links"}]},{"@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\/3393","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=3393"}],"version-history":[{"count":0,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/docs\/3393\/revisions"}],"wp:attachment":[{"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/media?parent=3393"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3393"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}