未経験からおうちで稼げるWebデザインのはじめ方
ホームデータベースゴシック体(サンセリフ)

Google Sans|ゴシック体(サンセリフ)のGoogle Fonts

最終更新: 2026-09-07

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
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; }

複数の太さを使うときは、使うものだけを読み込むと表示が速くなります。

Google Fontsの公式ページで見本を見る →

ゴシック体(サンセリフ)の他のフォント

Roboto|ゴシック体(サンセリフ)のGoogle Fonts
Open Sans|ゴシック体(サンセリフ)のGoogle Fonts
Inter|ゴシック体(サンセリフ)のGoogle Fonts
Montserrat|ゴシック体(サンセリフ)のGoogle Fonts
Poppins|ゴシック体(サンセリフ)のGoogle Fonts

あわせて読みたい

未経験の主婦がWebデザインスクールで在宅ワークを叶える5ステップ
社会人向けWebデザインスクール夜間講座の選び方

おすすめのWEBデザインスクール7選を見る

詳しく見る →