My favorite Japanese Google font “Noto Sans Japanese”

Noto Sans Japanese

Chibi

What Japanese font should I choose for Japanese website design?
Are there any good looking Japanese fonts which display the same looks among different devices?

Chibi

For those who have these questions, I would like to introduce you to one of my favorite Google fonts which is “Noto Sans Japanese”.

Here is the preview for this article;

  • What is Noto Sans Japanese?
  • Actual looks
  • How to install the font
  • Features
  • Disadvantages

Noto Sans Japanese was developed by Adobe and Google.

I’ve used this font for a lot of websites and I liked it because it looks good and displays the same looks among the devices.

Let’s get started!

What is Noto Sans Japanese?

Noto Sans Japanese is provided by Google fonts.

It’s easy to install and completely free.

If you run a multilingual website, Noto fonts would be a good choice because it supports all languages.

Features of Google Noto Fonts

  • Display the same looks among the devices
  • Support all the languages
  • There are 6 font weights
  • Doesn’t look funny with the bigger font size
  • Not too casual like Meiryo, but not too formal like Mincho

The actual looks

24px

富士山のように、日本一になるって言っただろ! お前、昔を思い出せよ!! 今日からお前は富士山だ!!!(Quoted by Shuzo Matsuoka)

16px

富士山のように、日本一になるって言っただろ! お前、昔を思い出せよ!! 今日からお前は富士山だ!!!(Quoted by Shuzo Matsuoka)

How to install

STEP1: Copy this code into the <head> of your HTML document

Code
<style>@import url('<https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap>');</style>

STEP2: Copy this code into the CSS file

Code
body{font-family: 'Noto Sans JP', sans-serif;}

Conclusion

If you like this article, please share, like, or leave your comments.

Thanks for reading!

Leave a Reply

Your email address will not be published. Required fields are marked *