diff --git a/README.md b/README.md
index 9071575..a6825b7 100644
--- a/README.md
+++ b/README.md
@@ -13,8 +13,10 @@ This is Subset of the [Noto Sans CJK JP](http://www.google.com/get/noto/help/cjk
 - Medium
 - Bold
 - Black
+- Variable
 - Mono-Regular
 - Mono-Bold
+- Mono-Variable
 
 ## Format
 
@@ -24,17 +26,19 @@ This is Subset of the [Noto Sans CJK JP](http://www.google.com/get/noto/help/cjk
 
 ## Size
 
-| Weight       | otf (Original) | ttf      | woff2    |
-| :----------- | :------------- | :------- | :------- |
-| Thin         | `14.２ MB`      | `950 KB` | `635 KB` |
-| Light        | `15.６ MB`      | `991 KB` | `679 KB` |
-| DemiLight    | `15.6 MB`      | `983 KB` | `690 KB` |
-| Regular      | `15.７ MB`      | `980 KB` | `694 KB` |
-| Medium       | `15.7 MB`      | `976 KB` | `699 KB` |
-| Bold         | `16.2 MB`      | `983 KB` | `706 KB` |
-| Black        | `17.0 MB`      | `990 KB` | `692 KB` |
-| Mono-Regular | `15.6 MB`      | `990 KB` | `693 KB` |
-| Mono-Bold    | `16.2 MB`      | `994 KB` | `704 KB` |
+| Weight        | otf (Original) | ttf       | woff2     |
+| :------------ | :------------- | :------- -| :-------- |
+| Thin          | `14.２ MB`      | `950 KB`  | `635 KB`  |
+| Light         | `15.６ MB`      | `991 KB`  | `679 KB`  |
+| DemiLight     | `15.6 MB`      | `983 KB`  | `690 KB`  |
+| Regular       | `15.７ MB`      | `980 KB`  | `694 KB`  |
+| Medium        | `15.7 MB`      | `976 KB`  | `699 KB`  |
+| Bold          | `16.2 MB`      | `983 KB`  | `706 KB`  |
+| Black         | `17.0 MB`      | `990 KB`  | `692 KB`  |
+| Variable      | `29.3 MB`      | `1.96 MB` | `1.08 MB` |
+| Mono-Regular  | `15.6 MB`      | `990 KB`  | `693 KB`  |
+| Mono-Bold     | `16.2 MB`      | `994 KB`  | `704 KB`  |
+| Mono-Variable | `28.8 MB`      | `1.94 MB` | `1.08 MB` |
 
 ## Packaging Letters
 
@@ -87,3 +91,5 @@ This is Subset of the [Noto Sans CJK JP](http://www.google.com/get/noto/help/cjk
 - Opera
 - iOS 4.3+
 - Android 2.2+
+
+Variable fonts feature is available in [supported browsers](https://caniuse.com/variable-fonts).
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.ttf b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.ttf
new file mode 100644
index 0000000..bdbbc7d
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.ttf differ
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff
new file mode 100644
index 0000000..5fbbf57
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff differ
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff2 b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff2
new file mode 100644
index 0000000..174e509
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansCJKjp-VF.min.woff2 differ
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.ttf b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.ttf
new file mode 100644
index 0000000..89b5174
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.ttf differ
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff
new file mode 100644
index 0000000..51a91e4
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff differ
diff --git a/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff2 b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff2
new file mode 100644
index 0000000..19884dd
Binary files /dev/null and b/docs/Fonts/NotoSansCJKjp/NotoSansMonoCJKjp-VF.min.woff2 differ
diff --git a/docs/index.html b/docs/index.html
index 7ed3c13..9a5d3b4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -128,6 +128,14 @@ <h1 class="headline noto +500">Noto Sans CJK JP minとは</h1>
             <dd class="demo__text noto +mono +700" contenteditable="true">
               あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
             </dd>
+            <dt class="demo__title">Variable</dt>
+            <dd class="demo__text noto +vf" contenteditable="true">
+              あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
+            </dd>
+            <dt class="demo__title">Mono-Variable</dt>
+            <dd class="demo__text noto +vf +mono" contenteditable="true">
+              あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
+            </dd>
           </dl>
         </div>
       </div>
@@ -170,6 +178,7 @@ <h1 class="headline noto +500">サポートブラウザ</h1>
               <li>Android 2.2+</li>
               <li>iOS 4.3+</li>
             </ul>
+            <p>Variable fonts は<a href="https://caniuse.com/variable-fonts" target="_blank">サポートブラウザ</a>でのみ使用できます。</p>
           </section>
           <section class="inner">
             <h1 class="headline noto +500">ダウンロード</h1>