diff --git a/src/content/en/2019/fonts.md b/src/content/en/2019/fonts.md
index c8824f40b41..2a68856dcc1 100644
--- a/src/content/en/2019/fonts.md
+++ b/src/content/en/2019/fonts.md
@@ -166,7 +166,7 @@ The dominance of Google Fonts here was simultaneously surprising and unsurprisin
29%
- Figure 3. Percent of pages that include a Google Fonts stylesheet link in the document <head>.
+ Figure 3. Percent of pages that include a Google Fonts stylesheet link in the document <head>.
While the high usage of Google Fonts here is very impressive, it is also noteworthy that only 29% of pages included a Google Fonts `` element. This could mean a few things:
@@ -177,7 +177,7 @@ While the high usage of Google Fonts here is very impressive, it is also notewor
0.4%
- Figure 4. Percent of pages that include a Google Fonts stylesheet link as the first child in the document <head>.
+ Figure 4. Percent of pages that include a Google Fonts stylesheet link as the first child in the document <head>.
Google Fonts documentation encourages the `` for the Google Fonts CSS to be placed as the first child in the `` of a page. This is a big ask! In practice, this is not common as only half a percent of all pages (about 20,000 pages) took this advice.
diff --git a/src/content/ja/2019/fonts.md b/src/content/ja/2019/fonts.md
new file mode 100644
index 00000000000..f028ed0ae5b
--- /dev/null
+++ b/src/content/ja/2019/fonts.md
@@ -0,0 +1,651 @@
+---
+part_number: I
+chapter_number: 6
+title: フォント
+description: フォントがどこから読み込まれるか、フォントのフォーマット、フォントの読み込み性能、可変フォント、カラーフォントを網羅した2019年Web AlmanacのFontsの章。
+authors: [zachleat]
+reviewers: [hyperpress, AymenLoukil]
+translators: [ksakae]
+discuss: 1761
+results: https://docs.google.com/spreadsheets/d/108g6LXdC3YVsxmX1CCwrmpZ3-DmbB8G_wwgQHX5pn6Q/
+queries: 06_Fonts
+published: 2019-11-11T00:00:00.000Z
+last_updated: 2019-11-23T00:00:00.000Z
+---
+
+## 序章
+
+ウェブフォントは、ウェブ上で美しく機能的なタイポグラフィを可能にします。ウェブフォントを使用することは、デザインに力を与えるだけでなく、デザインのサブセットを民主化します。しかし、どんなに良いことがあってもウェブフォントが適切に読み込まれていないと、サイトのパフォーマンスに大きな悪影響を及ぼすこともあります。
+
+それらはウェブにとってプラスになるのか？ それらは害よりも多くの利益を提供しているか? Web標準の牛道は、デフォルトでWebフォントの読み込みのベストプラクティスを奨励するために十分に舗装されているだろうか？ そうでない場合、何を変える必要があるのでしょうか？ 今日のウェブ上でウェブフォントがどのように使用されているかを調べることで、これらの疑問に答えられるかどうかをデータ駆動型で覗いてみましょう。
+
+## そのウェブフォントはどこで手に入れたの？
+
+最初の、そして最も顕著な問題は、パフォーマンスです。[パフォーマンス](./performance)に特化した章がありますが、ここではフォント固有のパフォーマンスの問題について少し掘り下げてみましょう。
+
+ホストされたWebフォントを使用すると、実装やメンテナンスが容易になりますが、セルフホスティングは最高のパフォーマンスを提供します。Webフォントはデフォルトで、Webフォントの読み込み中にテキストを非表示にする（[Flash of Invisible Text](https://css-tricks.com/fout-foit-foft/)、またはFOITとしても知られています）ことを考えると、Webフォントのパフォーマンスは画像のような非ブロッキング資産よりも重要になる可能性があります。
+
+### フォントは同じホストでホストされているのか、それとも別のホストでホストされているのか？
+
+サードパーティのホスティングに対するセルフホスティングの差別化は、[HTTP/2](./http2)の世界ではますます重要になってきています。同一ホストのリクエストには、ウォーターフォール内の他の同一ホストのリクエストに対して優先順位をつける可能性が高いという大きな利点があります。
+
+別のホストからウェブフォントを読み込む際のパフォーマンスコストを軽減するための推奨事項としては、`preconnect`、`dns-prefetch`、`preload` [リソースのヒント](./resource-hints)の使用がありますが、優先度の高いウェブフォントは、ウェブフォントのパフォーマンスへの影響を最小限に抑えるため、同一ホストからのリクエストにすべきです。これは視覚的に、非常に目立つコンテンツやページの大部分を占める本文コピーで使用されるフォントへ対して特に重要です。
+
+
+
+
+
+
+ 図20. カラーフォントを含むデスクトップウェブページの数。
+
+
+これらのここでの使用法は基本的に存在しませんが、詳細については[カラーフォント！ WTF?](https://www.colorfonts.wtf/)という優れたリソースをチェックできます。フォント用のSVGフォーマット(これは良くないし消えていく)に似ていますが(全くそうではありません)、これを使うとOpenTypeファイルの中にSVGを埋め込むことができ、これは素晴らしくクールです。
+
+## 結論
+
+ここでの最大の収穫は、Google Fontsがウェブフォントの議論を支配しているということだ。彼らが取ったアプローチは、ここで記録したデータに大きく影響している。ここでのポジティブな点はウェブフォントへのアクセスが容易であること、優れたフォントフォーマット（WOFF2）であること、そして自由な`unicode範囲`の設定が可能であることだ。ここでの欠点はサードパーティのホスティング、異なるホストからのリクエスト、および`preload`にアクセスできないことでパフォーマンスが低下することです。
+
+私は、将来的には「バリアブルフォントの台頭」を見ることになるだろうと完全に予想しています。バリアブルフォントは複数の個々のフォントファイルを1つの合成フォントファイルに結合するので、これはウェブフォントのリクエストの減少と対になっているはずです。しかし歴史が示しているように、ここで通常起こることは、あるものを最適化してその空所を埋めるためにさらに多くのものを追加してしまうことです。
+
+カラーフォントの人気が高まるかどうかは非常に興味深いところです。私は、これらは可変フォントよりもはるかにニッチなものになると予想していますが、アイコンフォントのスペースに生命線を見ることができるかもしれません。
+
+フォントを凍らせるなよ。
diff --git a/src/templates/ja/2019/featured_chapters.html b/src/templates/ja/2019/featured_chapters.html
index 226d5dd6554..1ed5e46b621 100644
--- a/src/templates/ja/2019/featured_chapters.html
+++ b/src/templates/ja/2019/featured_chapters.html
@@ -1,4 +1,4 @@
-{%- set featured_chapter = ("css","markup","third-parties","performance","security","accessibility","seo","pwa","mobile-web","ecommerce","cms","compression","caching","cdn","page-weight","http2") | random %}
+{%- set featured_chapter = ("css","markup","third-parties","fonts","performance","security","accessibility","seo","pwa","mobile-web","ecommerce","cms","compression","caching","cdn","page-weight","http2") | random %}
{#
Below is the full set of chapters. If all are translated then replace above line with this one.
Other than add chapters to above first line as they are translated (min of two chapters so repeat if only one chapter)
@@ -25,9 +25,9 @@
{%- set featured_chapter_quote = "オープンウェブは広大で、リンク可能で、相互運用可能な設計になっています。他の誰かの複雑なライブラリを取得し、単一の <link> または <script> 要素を使用して自分のサイトで使用する能力は、開発者の生産性を高め、素晴らしい新しいウェブ体験を可能にしました。本章では、2019年のWebにおけるサードパーティコードの普及と影響、サードパーティソリューションの人気につながるWebの利用パターン、Webのパフォーマンスとプライバシーの将来に対する潜在的な影響を検証します。" %}
{%- set featured_chapter_stats = {"stat1":"93%","label1":"サードパーティを含むページ","stat2":"49%","label2":"サードパーティのリクエスト","stat3":"28%","label3":"サードパーティのバイト数"} %}
{%- elif featured_chapter == "fonts" %}
- {%- set featured_chapter_name = "Fonts" %}
- {%- set featured_chapter_quote = "Web fonts enable beautiful and functional typography on the web. Using web fonts not only empowers design, but it democratizes a subset of design, as it allows easier access to those who might not have particularly strong design skills. However, for all the good they can do, web fonts can also do great harm to your site's performance if they are not loaded properly." %}
- {%- set featured_chapter_stats = {"stat1":"74.9%","label1":"3P Font Requests that use Google Fonts","stat2":"29%","label2":"Percent of pages that include a Google Fonts stylesheet link","stat3":"718","label3":"Most font requests on a single page"} %}
+ {%- set featured_chapter_name = "フォント" %}
+ {%- set featured_chapter_quote = "ウェブフォントは、ウェブ上で美しく機能的なタイポグラフィを可能にします。ウェブフォントを使用することは、デザインに力を与えるだけでなく、デザインのサブセットを民主化します。しかし、どんなに良いことがあっても、ウェブフォントが適切に読み込まれていないと、サイトのパフォーマンスに大きな悪影響を及ぼすこともあります。" %}
+ {%- set featured_chapter_stats = {"stat1":"74.9%","label1":"3P Googleフォントを使用したフォントリクエスト","stat2":"29%","label2":"Google Fontsスタイルシートのリンクを含むページの割合","stat3":"718","label3":"1ページでのフォントのリクエストが多い"} %}
{%- elif featured_chapter == "performance" %}
{%- set featured_chapter_name = "パフォーマンス" %}
{%- set featured_chapter_quote = "パフォーマンスはユーザー体験の内臓的な部分です。多くのウェブサイトでは、ページの読み込み時間を高速化してユーザー体験を向上させることは、コンバージョン率の向上につながります。逆に、パフォーマンスが悪いと、ユーザーは頻繁にコンバージョンしないし、不満でページを激怒してクリックしてしまうことさえ観察されています。" %}
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+