Google Sans|ゴシック体(サンセリフ)のGoogle Fonts
Google Sansとは
Google Sansは、Google Fontsで無料配布されているゴシック体(サンセリフ)のフォントです。4種類の太さとイタリックがあり、英数字・記号向けなので、日本語サイトでは英字の見出しやロゴ、数字の表示に組み合わせて使います。
基本情報
| フォント名 | Google Sans |
|---|---|
| 分類 | ゴシック体(サンセリフ) |
| 日本語 | 非対応(英数字・記号向け) |
| 太さ(ウェイト) | 400、500、600、700 |
| イタリック | あり |
| 可変フォント | 対応(軸: GRAD, opsz, wght) |
| 対応文字セット | armenian、bengali、canadian-aboriginal、cyrillic、cyrillic-ext、devanagari、ethiopic、georgian、greek、greek-ext、gujarati、gurmukhi、hebrew、khmer、lao、latin、latin-ext、malayalam、oriya、sinhala、symbols、tamil、telugu、thai、vietnamese |
| デザイナー | |
| Google Fonts追加日 | 2025-12-09 |
| 最終更新 | 2026-07-22 |
| 人気順位 | 4位(Google Fonts全体) |
| ライセンス | オープンソース(商用利用可・無料) |
おすすめのWEBデザインスクール7選を見る
無料で見てみる →向いている場面
本文・UI・見出しまで幅広く使える定番です。読みやすさ重視のサイト、コーポレートサイト、アプリ画面に向いています。
使い方(HTMLとCSS)
HTMLの<head>に1行入れて、CSSでフォント名を指定するだけです。
<link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;700&display=swap" rel="stylesheet">
body { font-family: "Google Sans", sans-serif; }複数の太さを使うときは、使うものだけを読み込むと表示が速くなります。