未経験から、おうちではじめる
ホーム › データベース › ディスプレイ(見出し向け)

Flavors|ディスプレイ(見出し向け)のGoogle Fonts

最終更新: 2026-09-07

Flavorsとは

Flavorsは、Google Fontsで無料配布されているディスプレイ(見出し向け)のフォントです。1種類の太さがあり、英数字・記号向けなので、日本語サイトでは英字の見出しやロゴ、数字の表示に組み合わせて使います。

基本情報

フォント名Flavors
分類ディスプレイ(見出し向け)
日本語非対応(英数字・記号向け)
太さ(ウェイト)400
イタリックなし
可変フォント—
対応文字セットlatin、latin-ext
デザイナーSideshow
Google Fonts追加日2011-12-19
最終更新2025-09-16
人気順位1641位(Google Fonts全体)
ライセンスオープンソース(商用利用可・無料)

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

スクール7選はこちら →

向いている場面

見出しやロゴ、キービジュアルの一言に。本文には使わず、大きく1〜2行で使うと映えます。

使い方(HTMLとCSS)

HTMLの<head>に1行入れて、CSSでフォント名を指定するだけです。

<link href="https://fonts.googleapis.com/css2?family=Flavors&display=swap" rel="stylesheet">

body { font-family: "Flavors", sans-serif; }

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

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

ディスプレイ(見出し向け)の他のフォント

Black Ops One|ディスプレイ(見出し向け)のGoogle Fonts
Lobster Two|ディスプレイ(見出し向け)のGoogle Fonts
Changa One|ディスプレイ(見出し向け)のGoogle Fonts
Alfa Slab One|ディスプレイ(見出し向け)のGoogle Fonts
Lilita One|ディスプレイ(見出し向け)のGoogle Fonts

あわせて読みたい

Webデザイナーとはわかりやすく解説【2026年版】
Webデザイナーとはどんな仕事?2026年版で解説
Webデザイナーとは?仕事内容と必要スキルを解説【2026】
Webデザインスクール選び方で失敗しない方法2026

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

スクール7選はこちら →