---
title: CSS Font Loading API
slug: Web/API/CSS_Font_Loading_API
tags:
  - API
  - CSSFontLoading
  - CSSOM
  - Experimental
  - Fonts
  - NeedsContent
  - Reference
  - フォント
translation_of: Web/API/CSS_Font_Loading_API
---
<div>{{DefaultAPISidebar("CSS Font Loading API")}}{{SeeCompatTable}}</div>

<p class="summary">CSS Font Loading API は動的にフォントリソースをロードするイベントやインターフェイスを提供します。</p>

<h2 id="Interfaces" name="Interfaces">インターフェイス</h2>

<dl>
 <dt>{{domxref('FontFace')}}</dt>
 <dd>使用可能な単一フォントを表します</dd>
 <dt>{{domxref('FontFaceSet')}}</dt>
 <dd>フォントを読み込み、ダウンロード状態をチェックするインターフェイスです。</dd>
 <dt>{{domxref('FontFaceSource')}}</dt>
 <dd>フォント関連で使用される操作のうち、ほかで定義されていないものを提供する{{Glossary("mixin", "ミックスイン")}}です。これは {{domxref("FontFaceSources.fonts")}} プロパティを定義しており、 {{domxref("Document")}} および {{domxref("WorkerGlobalScope")}} で使用可能です。</dd>
 <dt>{{domxref('FontFaceSetLoadEvent')}}</dt>
 <dd>{{domxref("FontFaceSet")}} を読み込むたびに発行されます。</dd>
</dl>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS3 Font Loading')}}</td>
   <td>{{Spec2('CSS3 Font Loading')}}</td>
   <td>初回定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div>
<h3 id="FontFace_interface">FontFace interface</h3>

<div>
<p>{{Compat("api.FontFace")}}</p>
</div>
</div>