Hiragino Kaku Gothic Pro Google Font [ 2026 Release ]

To check if Hiragino is installed on a user's system via JavaScript:

function isHiraginoInstalled() 
  const testString = '日本語テスト';
  const testSpan = document.createElement('span');
  testSpan.style.fontFamily = 'Hiragino Kaku Gothic Pro, sans-serif';
  testSpan.textContent = testString;
  document.body.appendChild(testSpan);
  const widthWithHiragino = testSpan.offsetWidth;
  testSpan.style.fontFamily = 'sans-serif';
  const widthWithSans = testSpan.offsetWidth;
  document.body.removeChild(testSpan);
  return widthWithHiragino !== widthWithSans;

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">

| Your Goal | Solution | | :--- | :--- | | I need exact Hiragino on my site | Use CSS font-family stack (Apple users only). | | I need a free, universal font for all OS | Use Noto Sans JP on Google Fonts. | | I need a font for a Japanese-heavy blog | Use M PLUS Rounded 1c or Noto Sans JP. |

Stop searching for "Hiragino Kaku Gothic Pro Google Font" — it doesn't exist. But with Noto Sans JP or Roboto, you can get 95% of the look without any licensing headaches. hiragino kaku gothic pro google font

Have a favorite Hiragino alternative? Let me know in the comments below.

If you cannot live without the Hiragino "look" but must use Google Fonts for performance, follow this hybrid stack. To check if Hiragino is installed on a

While Hiragino is absent, Google has invested heavily in its own solution to the problem of universal Japanese typography: Noto Sans JP.

If you are building a website and require a Japanese typeface via Google Fonts, Noto Sans JP is the intended successor to fonts like Hiragino. &lt;link href="https://fonts

How do they compare?

For most web development projects, Noto Sans JP is the standard because it is free, reliable, and optimized for the web.

Scroll to Top