{"id":4459,"date":"2021-06-24T10:18:26","date_gmt":"2021-06-24T01:18:26","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=4459"},"modified":"2022-07-28T09:38:27","modified_gmt":"2022-07-28T00:38:27","slug":"brizy-japanesefont","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/","title":{"rendered":"Build WordPress with no coding! Explains how to upload Japanese fonts to the page builder plugin Brizy"},"content":{"rendered":"<p>This is a highly recommended page builder plugin for those who are just starting out as freelancers, WBE designers who are not confident in their construction skills, and those who want to create higher quality websites and make money.<strong><span class=\"marker-under\">[Brizy]<\/span><\/strong>We introduce the following.<\/p>\n\n\n\n<p>I have used Elementor and Divi in the past, but I definitely recommend Brizy!<\/p>\n\n\n\n<p>This is a page builder plugin that focuses on display speed, so you can work smoothly!<\/p>\n\n\n\n<p>Since this is an overseas plugin, the downside is that it does not have Japanese fonts by default. However, you can upload font files, so this article explains how to upload Japanese font files and use Japanese fonts!<\/p>\n\n\n\n<p>For more information about Brizy, please see this article! There is also a video that explains how to actually build it!<br><\/p>\n\n\n<div class=\"sc af\"><a rel=\"sponsored\" href=\"https:\/\/www.awin1.com\/awclick.php?gid=428374&mid=26663&awinaffid=2558511&linkid=4022446&clickref=\" target=\"_blank\">\r\n\t<p class=\"sc-txt02\">Brizy official website \u2192<\/p>\r\n<\/a><\/div>\r\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/nocode-brizy\/\" title=\"Brizy Plugin Explanation Index\">\r\n\t<p class=\"sc-txt01\">Our website is designed using the Brizy plugin.<\/p>\r\n\t<p class=\"sc-txt01\">How to create a no-code WordPress website<\/p>\r\n\t<p class=\"sc-txt02\">Brizy Explanation Index \u2192<\/p>\r\n<\/a><\/div><br>\r\n\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#brizy%e3%81%a7%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%8f%8d%e6%98%a0%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95\" >How to reflect Japanese fonts in Brizy<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89\" >Download Japanese fonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%8f%8d%e6%98%a0%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%82%92brizy%e3%81%a7%e8%a1%a8%e7%a4%ba\" >Display the text you want to use Japanese fonts in Brizy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#add_new_font\" >Add New Font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e3%82%a2%e3%83%83%e3%83%97%e3%83%ad%e3%83%bc%e3%83%89\" >Upload font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#brizy%e3%81%b8%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e8%bf%bd%e5%8a%a0%e5%ae%8c%e4%ba%86\" >Japanese fonts added to Brizy<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%8b\" >Try using Japanese fonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#google%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92brizy%e3%81%a7%e4%bd%bf%e3%81%86%e5%a0%b4%e5%90%88\" >How to use Google Fonts with Brizy<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#noto_sans_jp\" >Noto Sans JP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e5%ae%9f%e9%9a%9b%e3%81%abgoogle%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b%e3%81%8b%e7%a2%ba%e8%aa%8d\" >Check if Google fonts are actually reflected<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/brizy-japanesefont\/#%e3%81%be%e3%81%a8%e3%82%81\" >summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"brizy%e3%81%a7%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%8f%8d%e6%98%a0%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95\"><\/span>How to reflect Japanese fonts in Brizy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This time, we will try to apply the free &quot;Utsukushi Mincho&quot; font to Brizy.<\/p>\n\n\n\n<p><span style=\"background-color:#fcb900\" class=\"tadv-background-color\"><strong>It&#039;s easier to do this with Google Fonts, so I&#039;ll introduce that in the second half.<\/strong><\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1024x535.jpg\" alt=\"\" class=\"wp-image-4460\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1024x535.jpg 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-300x157.jpg 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-768x401.jpg 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426.jpg 1222w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89\"><\/span>Download Japanese fonts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Go to the Japanese download site and download the font file.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background\" href=\"https:\/\/flopdesign.booth.pm\/items\/2296448\">Utsukushi Mincho font free download site<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%8f%8d%e6%98%a0%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%82%92brizy%e3%81%a7%e8%a1%a8%e7%a4%ba\"><\/span>Display the text you want to use Japanese fonts in Brizy<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Let&#039;s take one of the Brizy template blocks as an example and try to reflect Japanese fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1-1024x449.jpg\" alt=\"\" class=\"wp-image-4461\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1-1024x449.jpg 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1-300x132.jpg 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1-768x337.jpg 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1-1536x674.jpg 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-1.jpg 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"add_new_font\"><\/span>Add New Font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Click the [T] icon and then click [Add New Font].<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"761\" height=\"641\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426.png\" alt=\"\" class=\"wp-image-4462\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426.png 761w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-426-300x253.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e3%82%a2%e3%83%83%e3%83%97%e3%83%ad%e3%83%bc%e3%83%89\"><\/span>Upload font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Click Upload to upload the Japanese font you downloaded earlier.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"758\" height=\"672\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427.png\" alt=\"\" class=\"wp-image-4463\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427.png 758w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427-300x266.png 300w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">1. Decide the font display name<\/h4>\n\n\n\n<p>Decide on a font name so that you can easily find it when selecting a font in Brizy. In this example, we will leave it as it is, &quot;Utsukushi Minchodai.&quot;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"737\" height=\"672\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-432.png\" alt=\"\" class=\"wp-image-4468\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-432.png 737w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-432-300x274.png 300w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">2. Select font thickness variations and upload<\/h4>\n\n\n\n<p>Select the font weight you want to upload.<\/p>\n\n\n\n<p>When I extracted the zip file for Utsukushi Mincho, it was in [ttf] format, so I uploaded it from [ttf].<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"753\" height=\"656\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-430.png\" alt=\"\" class=\"wp-image-4466\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-430.png 753w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-430-300x261.png 300w\" sizes=\"(max-width: 753px) 100vw, 753px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">3. Japanese font upload complete<\/h4>\n\n\n\n<p>You can register a different font weight from [Add new font variation], but since there is only one type this time, we will stop here. Click [Continue].<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"730\" height=\"642\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-431.png\" alt=\"\" class=\"wp-image-4467\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-431.png 730w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-431-300x264.png 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"732\" height=\"670\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-433.png\" alt=\"\" class=\"wp-image-4469\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-433.png 732w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-433-300x275.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"brizy%e3%81%b8%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e8%bf%bd%e5%8a%a0%e5%ae%8c%e4%ba%86\"><\/span>Japanese fonts added to Brizy<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As you can see, adding Japanese fonts to Brizy has been easy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"527\" height=\"357\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-434.png\" alt=\"\" class=\"wp-image-4470\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-434.png 527w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-434-300x203.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%8b\"><\/span>Try using Japanese fonts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I immediately tried using Japanese fonts with Brizy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"742\" height=\"472\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-435.png\" alt=\"\" class=\"wp-image-4471\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-435.png 742w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-435-300x191.png 300w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<p>On the site<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1003\" height=\"447\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-436.png\" alt=\"\" class=\"wp-image-4472\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-436.png 1003w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-436-300x134.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-436-768x342.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92brizy%e3%81%a7%e4%bd%bf%e3%81%86%e5%a0%b4%e5%90%88\"><\/span>How to use Google Fonts with Brizy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google fonts are much easier to use.<\/p>\n\n\n\n<p>When you clicked [Add New Font], you chose to upload a file by clicking [Upload] like earlier, but if you want to use Google fonts in Brizy, select [Google Fonts].<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"758\" height=\"672\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427.png\" alt=\"\" class=\"wp-image-4463\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427.png 758w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-427-300x266.png 300w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"noto_sans_jp\"><\/span>Noto Sans JP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This time we will load the famous Noto Sans JP from Google Fonts.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background\" href=\"https:\/\/fonts.google.com\/\">Google Font List<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437-1024x468.png\" alt=\"\" class=\"wp-image-4473\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437-1024x468.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437-300x137.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437-768x351.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437-1536x702.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-437.png 1797w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>When you enter the name of the font you want to use, a list of candidates will appear, from which you can select. [Noto Sans JP] was there. Click [Continue]<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"731\" height=\"653\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-438.png\" alt=\"\" class=\"wp-image-4474\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-438.png 731w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-438-300x268.png 300w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<p>accomplished.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"738\" height=\"676\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-439.png\" alt=\"\" class=\"wp-image-4475\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-439.png 738w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-439-300x275.png 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%ae%9f%e9%9a%9b%e3%81%abgoogle%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b%e3%81%8b%e7%a2%ba%e8%aa%8d\"><\/span>Check if Google fonts are actually reflected<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>It was reflected underneath the Utsukushi Mincho font that I had just added.<\/p>\n\n\n\n<p>Since it loads Google fonts, variations in thickness are automatically reflected, which is much more convenient than uploading fonts.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"755\" height=\"492\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-440.png\" alt=\"\" class=\"wp-image-4476\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-440.png 755w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-440-300x195.png 300w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p>The font on the site has also been changed to Noto Sans JP.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"832\" height=\"367\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-441.png\" alt=\"\" class=\"wp-image-4477\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-441.png 832w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-441-300x132.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/image-441-768x339.png 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%81%be%e3%81%a8%e3%82%81\"><\/span>summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Brizy is a foreign-made page builder plugin, but it makes it easy to use Japanese fonts. Once you upload a font, you can use it from the next time just by selecting it.<\/p>\n\n\n\n<p>The impression of a website can change drastically depending on the font, so being able to set your own font is highly recommended!<\/p>","protected":false},"excerpt":{"rendered":"<p>\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3092\u59cb\u3081\u305f\u3070\u304b\u308a\u306e\u65b9\u3001WBE\u30c7\u30b6\u30a4\u30ca\u30fc\u3067\u69cb\u7bc9\u306b\u81ea\u4fe1\u306e\u306a\u3044\u65b9\u3001\u3082\u3063\u3068\u30af\u30aa\u30ea\u30c6\u30a3\u306e\u9ad8\u3044WEB\u30b5\u30a4\u30c8\u3092\u4f5c\u308a\u7a3c\u3044\u3067\u3044\u304d\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u308b\u65b9\u306b\u3001\u672c\u5f53\u306b\u304a\u52e7\u3081\u306a\u30da\u30fc\u30b8\u30d3\u30eb\u30c0\u30fc\u30d7\u30e9\u30b0\u30a4\u30f3\u3010Brizy\u3011\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002 Ele [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9163,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1474],"tags":[1465,1483,1484,182],"class_list":["post-4459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocode","tag-brizy","tag-1483","tag-1484","tag-182"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/06\/thumnail-29.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3092\u59cb\u3081\u305f\u3070\u304b\u308a\u306e\u65b9\u3001WBE\u30c7\u30b6\u30a4\u30ca\u30fc\u3067\u69cb\u7bc9\u306b\u81ea\u4fe1\u306e\u306a\u3044\u65b9\u3001\u3082\u3063\u3068\u30af\u30aa\u30ea\u30c6\u30a3\u306e\u9ad8\u3044WEB\u30b5\u30a4\u30c8\u3092\u4f5c\u308a&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/4459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=4459"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/4459\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/9163"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=4459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=4459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=4459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}