{"id":929,"date":"2022-08-02T11:05:07","date_gmt":"2022-08-02T11:05:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/02\/6435859-hostinger-website-builder-how-to-upload-a-custom-font\/"},"modified":"2026-03-16T12:12:08","modified_gmt":"2026-03-16T12:12:08","slug":"6435859-hostinger-website-builder-how-to-upload-a-custom-font","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6435859-hostinger-website-builder-how-to-upload-a-custom-font\/","title":{"rendered":"Hostinger Website Builder: How to Upload a Custom Font"},"content":{"rendered":"<p class=\"no-margin\">Learn how to <b><a href=\"#h_9be56bf000\" target=\"_blank\" class=\"intercom-content-link\">upload<\/a><\/b> and <b><a href=\"#h_56a4c531a8\" target=\"_blank\" class=\"intercom-content-link\">troubleshoot<\/a><\/b> custom fonts in <b>Hostinger Website Builder<\/b> &#9997;&#65039; <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_9be56bf000\">Uploading a Custom Font<\/h2><p class=\"no-margin\">1. Within the website builder, click on any <b>text element<\/b> and select <b>Edit text<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/3c1e5181-c241-4cd1-8d10-fb38b5d46784.jpg\" alt=\"The button to edit a text element \"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Expand the font dropdown, and under <b>My fonts<\/b> click on <b>Upload<\/b>. Select a file from your computer to upload:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/c4b654a0-3e31-49c6-ac40-9b7c54d55379.jpg\" alt=\"Font options in the text element settings\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Finally, select the preferred portion of text and click on the new font to apply it:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/1f3426b8-d281-44b6-aceb-58331c7086b3.jpg\" alt=\"Custom fonts in the text element settings\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_56a4c531a8\">Troubleshooting<\/h2><p class=\"no-margin\">If you&rsquo;re facing an issue while uploading a font, follow the steps below.<\/p><p class=\"no-margin\">Firstly, check the title of your font file. <b>Remove any<\/b> <b>special characters<\/b> (- , . _) from the file name,<b> <\/b>and upload the file again:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/eca8fc23-f06f-48b9-b886-581d1654d0c1.jpg\" alt=\"Examples of incorrect (left) and correct (right) file names\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">If the font upload still gets stuck, make sure the file you&rsquo;re trying to upload is in the <b>.WOFF<\/b> or <b>.WOFF2<\/b> format. &#65279;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Normally, you can upload a font file in any other format (e.g., .OTF or .TTF), as the website builder automatically converts it to the supported ones. However, if an unexpected error occurs, the file isn&rsquo;t converted successfully &ndash; therefore, it can&rsquo;t be uploaded. A quick solution is to manually convert the font file to <b>.WOFF <\/b>or<b> .WOFF2 <\/b>and then upload it again. &#65279;You can use the <b><a href=\"https:\/\/cloudconvert.com\/otf-to-woff2\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Font Converter<\/a> <\/b>tool for that.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to upload a custom font using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[281],"tags":[],"class_list":["post-929","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435859-hostinger-website-builder-how-to-upload-a-custom-font\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435859-hostinger-creador-de-sitios-web-como-cargar-una-fuente-personalizada\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435859-hostinger-createur-de-sites-web-comment-telecharger-une-fonte-personnalisee\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435859-hostinger-svetainiu-kurimo-irankis-kaip-ikelti-savo-srifta\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435859-hostinger-criador-de-sites-como-usar-fontes-personalizadas\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=929"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/929\/revisions"}],"predecessor-version":[{"id":3789,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/929\/revisions\/3789"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}