https://nosubject.io/en/tags/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/Recent content in フォント on No Subject - nosubject.io -Hugoen-USSat, 22 Feb 2020 21:26:55 +0900https://nosubject.io/en/wordpress-webfont-kosugi-maru-google-font/Sat, 22 Feb 2020 21:26:55 +0900https://nosubject.io/en/wordpress-webfont-kosugi-maru-google-font/<p>I tried configuring a web font in WordPress. This time I used Kosugi Maru from Google Fonts.<br>The theme for this site is Cocoon Child, but I think the basics are the same for other themes.<br>No additional plugins are required.</p> <h3>Configuration</h3> <ul><li>Open Appearance -> Customize -> Additional CSS from the dashboard.</li><li>There is an input area on the left, so add the font settings there.</li><li>A preview is displayed as soon as you enter it, which makes it easy to see what changed.</li></ul> <figure class="wp-block-image size-large"><img src="https://nosubject.io/wp-content/uploads/2020/02/image.png" alt="" class="wp-image-154"/></figure> <h4>Configuration Example</h4> <p>This time I configured it as follows.<br>The only key points are "fetch the font with @import" and "apply it to the style with font-family:", so the setup is simple.</p>