Google Fonts
ベストセレクション

Webデザインでよく使われる定番・人気のGoogle Fontsを厳選して紹介します

日本語

Noto Sans JP

Japanese

Googleが開発した日本語対応のサンセリフフォント。日本語と英語の混在テキストに最適です。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap">
font-family: 'Noto Sans JP', sans-serif;
Google Fonts で見る

Noto Serif JP

Japanese

Googleが開発した日本語対応のセリフフォント。日本語の長文読書に適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600;700&display=swap">
font-family: 'Noto Serif JP', serif;
Google Fonts で見る

M PLUS 1p

Japanese

モリサワが開発した日本語対応のサンセリフフォント。モダンで読みやすいデザインです。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700&display=swap">
font-family: 'M PLUS 1p', sans-serif;
Google Fonts で見る

M PLUS Rounded 1c

Japanese

丸みを帯びた優しい印象の日本語サンセリフフォント。親しみやすいデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;700&display=swap">
font-family: 'M PLUS Rounded 1c', sans-serif;
Google Fonts で見る

Kosugi

Japanese

シンプルで読みやすい日本語サンセリフフォント。Webサイトの本文に適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kosugi&display=swap">
font-family: 'Kosugi', sans-serif;
Google Fonts で見る

Kosugi Maru

Japanese

丸みを帯びた優しい印象の日本語サンセリフフォント。Kosugiの丸ゴシック版です。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap">
font-family: 'Kosugi Maru', sans-serif;
Google Fonts で見る

Sawarabi Gothic

Japanese

読みやすさを重視した日本語サンセリフフォント。Webサイトの本文に最適です。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap">
font-family: 'Sawarabi Gothic', sans-serif;
Google Fonts で見る

Sawarabi Mincho

Japanese

読みやすさを重視した日本語セリフフォント。長文読書に適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap">
font-family: 'Sawarabi Mincho', serif;
Google Fonts で見る

Shippori Mincho

Japanese

伝統的な印象の日本語セリフフォント。和風のデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap">
font-family: 'Shippori Mincho', serif;
Google Fonts で見る

Zen Kaku Gothic New

Japanese

モダンで読みやすい日本語サンセリフフォント。Zen Kaku Gothicシリーズの新バージョンです。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap">
font-family: 'Zen Kaku Gothic New', sans-serif;
Google Fonts で見る

Zen Kaku Gothic Antique

Japanese

クラシックな印象の日本語サンセリフフォント。伝統的なデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap">
font-family: 'Zen Kaku Gothic Antique', sans-serif;
Google Fonts で見る

Zen Maru Gothic

Japanese

丸みを帯びた優しい印象の日本語サンセリフフォント。親しみやすいデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap">
font-family: 'Zen Maru Gothic', sans-serif;
Google Fonts で見る

Zen Old Mincho

Japanese

伝統的な印象の日本語セリフフォント。和風のデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap">
font-family: 'Zen Old Mincho', serif;
Google Fonts で見る

DotGothic16

Japanese

ドット風のユニークな日本語サンセリフフォント。ゲームやレトロなデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DotGothic16&display=swap">
font-family: 'DotGothic16', sans-serif;
Google Fonts で見る

Kaisei Tokumin

Japanese

エレガントな印象の日本語セリフフォント。高級感のあるデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700;800&display=swap">
font-family: 'Kaisei Tokumin', serif;
Google Fonts で見る

Kaisei HarunoUmi

Japanese

読みやすい日本語セリフフォント。ブログや長文コンテンツに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi:wght@400;500;700&display=swap">
font-family: 'Kaisei HarunoUmi', serif;
Google Fonts で見る

Kaisei Decol

Japanese

装飾的な印象の日本語セリフフォント。見出しやタイトルに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;700&display=swap">
font-family: 'Kaisei Decol', serif;
Google Fonts で見る

Kaisei Opti

Japanese

モダンな印象の日本語セリフフォント。Webサイトの本文に適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&display=swap">
font-family: 'Kaisei Opti', serif;
Google Fonts で見る

New Tegomin

Japanese

伝統的な印象の日本語セリフフォント。和風のデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap">
font-family: 'New Tegomin', serif;
Google Fonts で見る

Yuji Boku

Japanese

読みやすい日本語セリフフォント。ブログや長文コンテンツに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Yuji+Boku&display=swap">
font-family: 'Yuji Boku', serif;
Google Fonts で見る

Yuji Mai

Japanese

エレガントな印象の日本語セリフフォント。高級感のあるデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Yuji+Mai&display=swap">
font-family: 'Yuji Mai', serif;
Google Fonts で見る

Yuji Syuku

Japanese

装飾的な印象の日本語セリフフォント。見出しやタイトルに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap">
font-family: 'Yuji Syuku', serif;
Google Fonts で見る

Zen Antique

Japanese

クラシックな印象の日本語セリフフォント。伝統的なデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap">
font-family: 'Zen Antique', serif;
Google Fonts で見る

Zen Antique Soft

Japanese

柔らかい印象の日本語セリフフォント。Zen Antiqueのソフト版です。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap">
font-family: 'Zen Antique Soft', serif;
Google Fonts で見る

Zen Kurenaido

Japanese

モダンな印象の日本語サンセリフフォント。Webサイトの本文に適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap">
font-family: 'Zen Kurenaido', sans-serif;
Google Fonts で見る

Zen Loop

Japanese

装飾的な印象の日本語サンセリフフォント。見出しやタイトルに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Loop&display=swap">
font-family: 'Zen Loop', sans-serif;
Google Fonts で見る

Zen Tokyo Zoo

Japanese

ユニークな印象の日本語サンセリフフォント。装飾的なデザインに適しています。

The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるを わかよたれそ つねならむ
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap">
font-family: 'Zen Tokyo Zoo', sans-serif;
Google Fonts で見る
該当するフォントが見つかりませんでした

サンセリフ

Roboto

Sans Serif

Googleが開発したモダンで読みやすいサンセリフフォント。Androidのデフォルトフォントとしても使用されています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap">
font-family: 'Roboto', sans-serif;
Google Fonts で見る

Open Sans

Sans Serif

可読性が高く、Webサイトの本文に最適なサンセリフフォント。多くのWebサイトで採用されています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap">
font-family: 'Open Sans', sans-serif;
Google Fonts で見る

Lato

Sans Serif

温かみがあり、親しみやすい印象のサンセリフフォント。コーポレートサイトやブランディングに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap">
font-family: 'Lato', sans-serif;
Google Fonts で見る

Montserrat

Sans Serif

幾何学的でモダンな印象のサンセリフフォント。見出しやタイトルに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap">
font-family: 'Montserrat', sans-serif;
Google Fonts で見る

Raleway

Sans Serif

エレガントで洗練された印象のサンセリフフォント。ファッションやラグジュアリーブランドのサイトに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap">
font-family: 'Raleway', sans-serif;
Google Fonts で見る

Poppins

Sans Serif

幾何学的でフレンドリーな印象のサンセリフフォント。モダンなWebサイトやアプリに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap">
font-family: 'Poppins', sans-serif;
Google Fonts で見る

Source Sans Pro

Sans Serif

Adobeが開発した読みやすさを重視したサンセリフフォント。UIデザインやインターフェースに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap">
font-family: 'Source Sans Pro', sans-serif;
Google Fonts で見る

Oswald

Sans Serif

縦長で力強い印象のサンセリフフォント。見出しやタイトルに使用するとインパクトのあるデザインになります。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&display=swap">
font-family: 'Oswald', sans-serif;
Google Fonts で見る

Inter

Sans Serif

可読性と美しさを両立したサンセリフフォント。UIデザインやアプリケーションに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap">
font-family: 'Inter', sans-serif;
Google Fonts で見る

Nunito

Sans Serif

丸みを帯びた優しい印象のサンセリフフォント。フレンドリーで親しみやすいデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap">
font-family: 'Nunito', sans-serif;
Google Fonts で見る

Ubuntu

Sans Serif

Ubuntu OSのデフォルトフォントとして開発されたサンセリフフォント。現代的な印象を与えます。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap">
font-family: 'Ubuntu', sans-serif;
Google Fonts で見る

PT Sans

Sans Serif

ロシアの公共プロジェクト向けに開発されたサンセリフフォント。多言語対応に優れています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
font-family: 'PT Sans', sans-serif;
Google Fonts で見る

Work Sans

Sans Serif

可読性を重視したサンセリフフォント。小さいサイズでも読みやすく、UIデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600;700&display=swap">
font-family: 'Work Sans', sans-serif;
Google Fonts で見る

Bebas Neue

Sans Serif

力強くインパクトのあるサンセリフフォント。見出しやポスターに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap">
font-family: 'Bebas Neue', sans-serif;
Google Fonts で見る

Barlow

Sans Serif

モダンでクリーンな印象のサンセリフフォント。幅広い用途に対応します。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap">
font-family: 'Barlow', sans-serif;
Google Fonts で見る

DM Sans

Sans Serif

低いxハイトと高い可読性を持つサンセリフフォント。UIデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap">
font-family: 'DM Sans', sans-serif;
Google Fonts で見る

Fira Sans

Sans Serif

Mozillaが開発したサンセリフフォント。Firefox OSのデフォルトフォントとして使用されました。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600;700&display=swap">
font-family: 'Fira Sans', sans-serif;
Google Fonts で見る

Quicksand

Sans Serif

丸みを帯びた幾何学的なサンセリフフォント。フレンドリーでモダンな印象を与えます。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap">
font-family: 'Quicksand', sans-serif;
Google Fonts で見る

Comfortaa

Sans Serif

丸みを帯びた優しい印象のサンセリフフォント。親しみやすく温かみのあるデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;600;700&display=swap">
font-family: 'Comfortaa', sans-serif;
Google Fonts で見る

Outfit

Sans-Serif

モダンでジオメトリックなサンセリフフォント。幾何学的な形状が特徴で、テックやファッション系のプロジェクトに最適。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap">
font-family: 'Outfit', sans-serif;
Google Fonts で見る

Plus Jakarta Sans

Sans-Serif

クリーンでモダンなサンセリフフォント。スタートアップやSaaSプロダクトのUIに適したバランスの良いデザイン。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap">
font-family: 'Plus Jakarta Sans', sans-serif;
Google Fonts で見る

Figtree

Sans-Serif

親しみやすさと洗練さを兼ね備えた丸みのあるサンセリフフォント。モバイルアプリやWebサービスのUIに最適。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;700&display=swap">
font-family: 'Figtree', sans-serif;
Google Fonts で見る
該当するフォントが見つかりませんでした

セリフ

Playfair Display

Serif

エレガントで洗練された印象のセリフフォント。ファッションやラグジュアリーブランドのサイトに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&display=swap">
font-family: 'Playfair Display', serif;
Google Fonts で見る

Merriweather

Serif

長文読書に最適なセリフフォント。ブログや記事の本文に広く使用されています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap">
font-family: 'Merriweather', serif;
Google Fonts で見る

Lora

Serif

温かみがあり読みやすいセリフフォント。ブログや長文コンテンツに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap">
font-family: 'Lora', serif;
Google Fonts で見る

PT Serif

Serif

伝統的な印象のセリフフォント。PT Sansとセットで使用すると統一感のあるデザインになります。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap">
font-family: 'PT Serif', serif;
Google Fonts で見る

Libre Baskerville

Serif

クラシックで格調高い印象のセリフフォント。本文や長文読書に適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap">
font-family: 'Libre Baskerville', serif;
Google Fonts で見る

Crimson Text

Serif

伝統的な印象のセリフフォント。長文読書や学術的なコンテンツに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap">
font-family: 'Crimson Text', serif;
Google Fonts で見る

Crimson Pro

Serif

Crimson Textの改良版。より多くのウェイトと機能を持つセリフフォントです。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600;700&display=swap">
font-family: 'Crimson Pro', serif;
Google Fonts で見る

Source Serif Pro

Serif

Adobeが開発したセリフフォント。Source Sans Proとセットで使用すると統一感のあるデザインになります。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;600;700&display=swap">
font-family: 'Source Serif Pro', serif;
Google Fonts で見る

Cormorant

Serif

エレガントで洗練された印象のセリフフォント。高級感のあるデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;600;700&display=swap">
font-family: 'Cormorant', serif;
Google Fonts で見る

EB Garamond

Serif

クラシックで格調高い印象のセリフフォント。長文読書や学術的なコンテンツに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap">
font-family: 'EB Garamond', serif;
Google Fonts で見る

DM Serif Display

Serif

コントラストの高い上品なセリフフォント。見出しやディスプレイ用途に最適で、高級感と存在感を演出。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap">
font-family: 'DM Serif Display', serif;
Google Fonts で見る

Spectral

Serif

文学的な雰囲気のエレガントなセリフフォント。長文の読み物やブログ、マガジン系デザインに最適。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;600;700&display=swap">
font-family: 'Spectral', serif;
Google Fonts で見る
該当するフォントが見つかりませんでした

筆記体

Dancing Script

Script

優雅でフレンドリーな筆記体フォント。招待状やグリーティングカードに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap">
font-family: 'Dancing Script', cursive;
Google Fonts で見る

Pacifico

Script

カジュアルでレトロな雰囲気の筆記体フォント。ロゴやタイトルに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap">
font-family: 'Pacifico', cursive;
Google Fonts で見る

Great Vibes

Script

エレガントでフォーマルな筆記体フォント。結婚式の招待状やフォーマルなイベントに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap">
font-family: 'Great Vibes', cursive;
Google Fonts で見る

Sacramento

Script

モノラインの筆記体フォント。招待状やグリーティングカードに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap">
font-family: 'Sacramento', cursive;
Google Fonts で見る

Satisfy

Script

手書き風の筆記体フォント。カジュアルでフレンドリーなデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap">
font-family: 'Satisfy', cursive;
Google Fonts で見る

Allura

Script

流れるような美しい筆記体フォント。エレガントなデザインに最適です。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Allura&display=swap">
font-family: 'Allura', cursive;
Google Fonts で見る

Pinyon Script

Script

伝統的なエンググレーバーズ・スクリプトをベースにした筆記体フォント。フォーマルなデザインに適しています。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap">
font-family: 'Pinyon Script', cursive;
Google Fonts で見る

Kaushan Script

Script

カジュアルで親しみやすい筆記体フォント。ブラシで書いたような雰囲気があります。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap">
font-family: 'Kaushan Script', cursive;
Google Fonts で見る

Caveat

Script

手書き風の自然な筆記体フォント。ノート風のUI、手作り感のあるデザイン、カジュアルなブランドに最適。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap">
font-family: 'Caveat', cursive;
Google Fonts で見る

Cookie

Script

流れるような滑らかなスクリプトフォント。スイーツショップ、ブランドロゴ、結婚式関連のデザインに。

The quick brown fox jumps over the lazy dog.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cookie&display=swap">
font-family: 'Cookie', cursive;
Google Fonts で見る
該当するフォントが見つかりませんでした

等幅・コード向け

JetBrains Mono

Monospace

JetBrainsが開発したプログラミング向けフォント。読みやすさを最優先に設計されたモダンな等幅フォント。

const hello = () => "world"; // 0O 1Il
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap">
font-family: 'JetBrains Mono', monospace;
Google Fonts で見る

Fira Code

Monospace

リガチャー(合字)対応のプログラミングフォント。`=>` `!=` `===` などが美しく表示される人気フォント。

function add(a, b) { return a + b; } // => !=
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;700&display=swap">
font-family: 'Fira Code', monospace;
Google Fonts で見る

Source Code Pro

Monospace

Adobeが開発したクリーンで読みやすい等幅フォント。コードエディタやターミナルでの使用に最適。

if (x !== null && x !== undefined) { ... }
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;600;700&display=swap">
font-family: 'Source Code Pro', monospace;
Google Fonts で見る

Space Mono

Monospace

幾何学的でユニークなデザインの等幅フォント。テックやサイバーパンク系のプロジェクトに個性をプラス。

for (let i = 0; i < arr.length; i++) { ... }
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap">
font-family: 'Space Mono', monospace;
Google Fonts で見る

IBM Plex Mono

Monospace

IBMが開発したエレガントで機能的な等幅フォント。コーポレートながら温かみのあるデザイン。

const data = { key: 'value', num: 42 }; // {}
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap">
font-family: 'IBM Plex Mono', monospace;
Google Fonts で見る
該当するフォントが見つかりませんでした