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