{"id":285,"date":"2022-11-23T15:12:22","date_gmt":"2022-11-23T15:12:22","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=285"},"modified":"2023-09-08T09:46:36","modified_gmt":"2023-09-08T09:46:36","slug":"how-to-upload-custom-fonts-to-your-website","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-upload-custom-fonts-to-your-website\/","title":{"rendered":"How to upload custom fonts to your website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"285\" class=\"elementor elementor-285\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9624549 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9624549\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7cbceb\" data-id=\"b7cbceb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d97fb6 elementor-widget elementor-widget-text-editor\" data-id=\"0d97fb6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before uploading your custom fonts, it is necessary to prepare .woff and\/or .woff2 files of the fonts. If you have a custom font file in another format, such as .ttf, please convert it to .woff and .woff2 using an online conversion tool, for example, you can use this free tool:\u00a0<a href=\"https:\/\/cloudconvert.com\/\" target=\"_blank\" rel=\"noopener\">CloudConvert<\/a>.<\/p><ol><li>On your website dashboard, please navigate to\u00a0<strong>CozyStay Dashboard &gt; Custom Font &gt; Custom Fonts<\/strong>, then enter a font name, select the font weight, and then upload the font files. You can add more fonts, or remove fonts. Please click the\u00a0<strong>Save Changes<\/strong>\u00a0button.<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-1314\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1.jpg\" alt=\"\" width=\"2000\" height=\"1185\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1.jpg 2000w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-300x178.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-1024x607.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-768x455.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-1536x910.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-1920x1138.jpg 1920w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-1440x853.jpg 1440w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-1200x711.jpg 1200w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-780x462.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-600x356.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-550x326.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-370x219.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/custom-font-1-255x151.jpg 255w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/a><\/li><li>Then, you will find the Custom Fonts you added when customizing <strong>Typography<\/strong>\u00a0in the Customizer.<img decoding=\"async\" class=\"alignnone wp-image-287\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/custom-font-2.jpg\" alt=\"\" width=\"300\" height=\"852\" \/><\/li><li>And you will also find them when editing\u00a0<strong>Typography<\/strong>\u00a0with Elementor.<img decoding=\"async\" class=\"alignnone wp-image-288\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/custom-font-3.jpg\" alt=\"\" width=\"300\" height=\"854\" \/><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[3],"class_list":["post-285","ptkb","type-ptkb","status-publish","hentry","ptkb_category-how-tos-faqs"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":3,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/285\/revisions"}],"predecessor-version":[{"id":1324,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/285\/revisions\/1324"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=285"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}