Hanken Grotesk｜ゴシック体（サンセリフ）のGoogle Fonts
Hanken Groteskとは
Hanken Groteskは、Google Fontsで無料配布されているゴシック体（サンセリフ）のフォントです。9種類の太さとイタリックがあり、英数字・記号向けなので、日本語サイトでは英字の見出しやロゴ、数字の表示に組み合わせて使います。
基本情報
| フォント名 | Hanken Grotesk |
|---|---|
| 分類 | ゴシック体（サンセリフ） |
| 日本語 | 非対応（英数字・記号向け） |
| 太さ（ウェイト） | 100、200、300、400、500、600、700、800、900 |
| イタリック | あり |
| 可変フォント | 対応（軸: wght） |
| 対応文字セット | cyrillic-ext、latin、latin-ext、vietnamese |
| デザイナー | Alfredo Marco Pradil, Hanken Design Co. |
| Google Fonts追加日 | 2022-11-16 |
| 最終更新 | 2025-09-02 |
| 人気順位 | 153位（Google Fonts全体） |
| ライセンス | オープンソース（商用利用可・無料） |
おすすめのWEBデザインスクール7選を見る
無料で見てみる →向いている場面
本文・UI・見出しまで幅広く使える定番です。読みやすさ重視のサイト、コーポレートサイト、アプリ画面に向いています。
使い方（HTMLとCSS）
HTMLの<head>に1行入れて、CSSでフォント名を指定するだけです。
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;900&display=swap" rel="stylesheet">
body { font-family: "Hanken Grotesk", sans-serif; }複数の太さを使うときは、使うものだけを読み込むと表示が速くなります。