{"id":2598,"date":"2025-01-14T11:59:40","date_gmt":"2025-01-14T11:59:40","guid":{"rendered":"https:\/\/www.register365.com\/support\/?post_type=ht_kb&#038;p=2598"},"modified":"2025-01-14T11:59:49","modified_gmt":"2025-01-14T11:59:49","slug":"how-to-change-the-font-of-your-website","status":"publish","type":"ht_kb","link":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/","title":{"rendered":"How to Change the Font of Your Website"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made after 14<sup>th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>In this article, you will learn how to <strong>set the font for your pages<\/strong> and customize the <strong>typography <\/strong>for various elements of your website, including headings, body text, menus, and buttons.&nbsp;<\/p>\n\n\n\n<p>Each page is designed with a <strong>single font that applies to all the text<\/strong> within it, determined by the template you choose to ensure a cohesive look. To change the font or adjust the typography, follow the instructions below.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide <a href=\"https:\/\/www.register365.com\/support\/articles\/how-to-access-your-control-panel\/\">HERE<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step One<\/h2>\n\n\n\n<p>Click <strong>Settings <\/strong>in the editor.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png\" alt=\"\" class=\"wp-image-5304\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Two<\/h2>\n\n\n\n<p>In the left column, select <strong>Design &lt; Change Fonts<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-47.png\" alt=\"\" class=\"wp-image-5299\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A window will open where you can change the font and customize the typography for your website.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\"><strong>IMPORTANT:<\/strong> This window does not allow you to edit website content. You can exit this window by clicking the <strong>close button<\/strong> or by saving your changes in the upper right corner<strong>.<\/strong>\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-53.png\" alt=\"\" class=\"wp-image-5305\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Three<\/h2>\n\n\n\n<p>A selection of fonts will be made available in the left part of the menu.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-54.png\" alt=\"\" class=\"wp-image-5306\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In the top-right corner of the website, click on <strong>Advanced Settings<\/strong> to fine-tune typography options. This section allows you to customize the font styles for <strong>Titles<\/strong>, <strong>Headings<\/strong>, <strong>Subtitles<\/strong>, <strong>Body Text<\/strong>, and <strong>Blockquotes<\/strong>, as well as for <strong>Menus<\/strong>,<strong> Buttons<\/strong>,<strong> and Products<\/strong> (the last option is available only if the Online Store module is active).&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-49.png\" alt=\"\" class=\"wp-image-5301\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>For most text elements\u2014including Titles, Headings, Subtitles, Body Text, and Blockquotes\u2014you can adjust the following:&nbsp;<\/p>\n\n\n\n<p><strong>Size:<\/strong> Controls the font size.&nbsp;<\/p>\n\n\n\n<p><strong>Font Weight:<\/strong> Allows you to set the thickness of the font.&nbsp;<\/p>\n\n\n\n<p><strong>Spacing:<\/strong> When enabled, increases the spacing between individual letters.&nbsp;<\/p>\n\n\n\n<p><strong>Decoration:<\/strong> Lets you choose between a thin or bold underline or disable underlining entirely.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-51.png\" alt=\"\" class=\"wp-image-5302\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can also customize the <strong>font thickness<\/strong> (thin or bold) for Menus, Buttons, and Products.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-48.png\" alt=\"\" class=\"wp-image-5303\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Four<\/h2>\n\n\n\n<p>To apply a new font or typography changes, click the <strong>Save Changes<\/strong> button in the top-right corner. You can also exit the font settings by clicking the <strong>X<\/strong>, but this will discard any unsaved changes.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>TIP: <\/strong>You can check any changes being made in real-time on the page of the window for changing the font and typography settings, i.e. below the change panel.\u00a0\u00a0\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-50.png\" alt=\"\" class=\"wp-image-5300\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>TIP: <\/strong>If the font change doesn\u2019t appear in the header text of the opening image, try adjusting the font directly within the text field editor. You can modify the fonts for the logo and other unique elements this way as well.\u00a0\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-55.png\" alt=\"\" class=\"wp-image-5307\"\/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any further questions, simply&nbsp;<a href=\"https:\/\/admin.register365.com\/tech_support\/tracking\/add.php\"><strong>raise a support request<\/strong><\/a>&nbsp;from within your Online Control Panel or call us on&nbsp;<strong>01 5255768<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n<p>For assistance raising a support request please follow the following&nbsp;<a href=\"https:\/\/www.register365.com\/support\/articles\/how-to-open-a-support-enquiry\/\"><strong>guide<\/strong><\/a><strong>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to set the font for your pages and customize the typography for various elements of your website, including headings, body text, menus, and buttons.&nbsp; Each page is designed with a single font that applies to all the text within it, determined by the template you choose to ensure [&hellip;]<\/p>\n","protected":false},"author":19,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[145,143,26],"ht-kb-tag":[34],"class_list":["post-2598","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-website-design-edit-your-website-create-a-website","ht_kb_category-edit-your-website-create-a-website","ht_kb_category-create-a-website","ht_kb_tag-website-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change the Font of Your Website - Support Centre - Register365<\/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:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Font of Your Website - Support Centre - Register365\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to set the font for your pages and customize the typography for various elements of your website, including headings, body text, menus, and buttons.&nbsp; Each page is designed with a single font that applies to all the text within it, determined by the template you choose to ensure [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - Register365\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-14T11:59:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/\",\"url\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/\",\"name\":\"How to Change the Font of Your Website - Support Centre - Register365\",\"isPartOf\":{\"@id\":\"https:\/\/www.register365.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png\",\"datePublished\":\"2025-01-14T11:59:40+00:00\",\"dateModified\":\"2025-01-14T11:59:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.register365.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Font of Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.register365.com\/support\/#website\",\"url\":\"https:\/\/www.register365.com\/support\/\",\"name\":\"Support Centre - Register365\",\"description\":\"Register365 Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.register365.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Font of Your Website - Support Centre - Register365","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:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Font of Your Website - Support Centre - Register365","og_description":"In this article, you will learn how to set the font for your pages and customize the typography for various elements of your website, including headings, body text, menus, and buttons.&nbsp; Each page is designed with a single font that applies to all the text within it, determined by the template you choose to ensure [&hellip;]","og_url":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/","og_site_name":"Support Centre - Register365","article_modified_time":"2025-01-14T11:59:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/","url":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/","name":"How to Change the Font of Your Website - Support Centre - Register365","isPartOf":{"@id":"https:\/\/www.register365.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png","datePublished":"2025-01-14T11:59:40+00:00","dateModified":"2025-01-14T11:59:49+00:00","breadcrumb":{"@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-52.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.register365.com\/support\/articles\/how-to-change-the-font-of-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.register365.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change the Font of Your Website"}]},{"@type":"WebSite","@id":"https:\/\/www.register365.com\/support\/#website","url":"https:\/\/www.register365.com\/support\/","name":"Support Centre - Register365","description":"Register365 Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.register365.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/comments?post=2598"}],"version-history":[{"count":2,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2598\/revisions"}],"predecessor-version":[{"id":3014,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb\/2598\/revisions\/3014"}],"wp:attachment":[{"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/media?parent=2598"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2598"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.register365.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}