1 files changed, 100 insertions, 0 deletions
diff --git a/files/zh-tw/web/guide/woff/index.html b/files/zh-tw/web/guide/woff/index.html
new file mode 100644
index 0000000000..38bc75a2c1
--- /dev/null
+++ b/files/zh-tw/web/guide/woff/index.html
@@ -0,0 +1,100 @@
+---
+title: 網路開放字型格式 (WOFF)
+slug: Web/Guide/WOFF
+tags:
+  - Fonts
+  - NeedsMobileBrowserCompatibility
+  - WOFF
+  - 字型
+translation_of: Web/Guide/WOFF
+---
+<p><span class="seoSummary"><strong>WOFF</strong>（<strong>網頁開放字型格式</strong>）是由 Mozilla、Type Supply、LettError 和其它組織協力開發的全新網路字型格式。它</span>使用了同為表格結構的 <code>sfnt</code> 壓縮版，廣泛用於 TrueType、OpenType 和開放字型格式，另外<span class="seoSummary">加入了中繼資料和私有資料結構，其中包含事先定義的欄位，讓有意願的廠商和製造商提供授權資訊。</span></p>
+
+<p>使用 WOFF 主要有以下三項好處：</p>
+
+<ol>
+ <li>字型資料經過壓縮，因此使用 WOFF 的網站流量降低，載入速度也會比未壓縮的 TrueType 或 OpenType 檔更快。</li>
+ <li>許多不願授權的字型商都可以授權 WOFF 格式的字型，網站設計師有更多的字型可以選擇。</li>
+ <li>專有軟體和自由軟體商都喜歡 WOFF 格式，因此在網路世界上，可以成為真正通用和可交換的字型格式，有別於目前其它字型格式。</li>
+</ol>
+
+<h2 id="使用_WOFF">使用 WOFF</h2>
+
+<p>您可透過{{cssxref("@font-face")}} CSS 屬性在網頁內的文字使用 WOFF 字型。它的運作方式和 OpenType 以及 TrueType 字型並無二異，但在下載內容時可能會更有效率，這完全歸功於其與生俱來的壓縮特性。</p>
+
+<h2 id="Specifications" name="Specifications">規格文件</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">規格文件</th>
+   <th scope="col">狀態</th>
+   <th scope="col">註解</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('WOFF1.0', '', '')}}</td>
+   <td>{{Spec2('WOFF1.0')}}</td>
+   <td>初始規格文件</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="瀏覽器相容性">瀏覽器相容性</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>功能特色</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>基本支援</td>
+   <td>6.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>功能特色</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>基本支援</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="詳見">詳見</h2>
+
+<ul>
+ <li>{{cssxref("@font-face")}}</li>
+</ul>