aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/api/fontfaceset
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/web/api/fontfaceset
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/zh-cn/web/api/fontfaceset')
-rw-r--r--files/zh-cn/web/api/fontfaceset/check/index.html112
-rw-r--r--files/zh-cn/web/api/fontfaceset/index.html143
2 files changed, 255 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/fontfaceset/check/index.html b/files/zh-cn/web/api/fontfaceset/check/index.html
new file mode 100644
index 0000000000..6f95ff04f4
--- /dev/null
+++ b/files/zh-cn/web/api/fontfaceset/check/index.html
@@ -0,0 +1,112 @@
+---
+title: FontFaceSet.check()
+slug: Web/API/FontFaceSet/check
+tags:
+ - API
+ - CSS Font Loading API
+ - Experimental
+ - FontFaceSet
+ - Method
+ - Reference
+translation_of: Web/API/FontFaceSet/check
+---
+<p><font><font>{{APIRef()}} {{SeeCompatTable}}</font></font></p>
+
+<div class="syntaxbox"><font><font>{{domxref("FontFaceSet")}} 的</font></font><code>check()</code><font><font>方法会返回是否在给定的字体列表中的所有字体已经被加载并可用。</font></font></div>
+
+<h2 id="句法"><font><font>句法</font></font></h2>
+
+<pre class="syntaxbox"><var><font><font>bool</font></font></var><font><font> = </font></font><var><font><font>aFontFaceSet</font></font></var><font><font> .check(</font></font><em><font><font>font</font></font></em><font><font>);
+</font></font><var><font><font>bool</font></font></var><font><font> = </font></font><var><font><font>aFontFaceSet</font></font></var><font><font> .check(</font></font><em><font><font>font</font></font></em><font><font>,</font></font><em><font><font>text</font></font></em><font><font>);
+</font></font></pre>
+
+<h3 id="返回"><font><font>返回</font></font></h3>
+
+<p><font><font>如果字体列表可用,则{{jsxref("Boolean")}}为true</font></font></p>
+
+<h3 id="参数"><font><font>参数</font></font></h3>
+
+<ul>
+ <li><code>font</code><font><font>:使用</font></font><a href="/en-US/docs/"><font><font>CSS值语法</font></font></a><font><font>的字体规范</font><font>,例如“italic bold 16px Roboto”</font></font></li>
+ <li><code>text</code><font><font>:将字体面限制为Unicode范围至少包含文本中的一个字符。</font><font>这</font></font><a href="http://lists.w3.org/Archives/Public/www-style/2015Aug/0330.html"><font><font>不检查单个字形覆盖</font></font></a><font><font>。</font></font></li>
+</ul>
+
+<h2 id="例子"><font><font>例子</font></font></h2>
+
+<pre class="brush: js"><font><font>document.fonts.check("12px courier"); </font><font>//如果字体快递可用在12px,则返回true</font></font>
+<font><font>
+document.fonts.check("12px MyFont","ß"); </font><font>如果字体“MyFont”具有ß字符,则返回true。</font></font>
+</pre>
+
+<h2 id="产品规格"><font><font>产品规格</font></font></h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col"><font><font>规范</font></font></th>
+ <th scope="col"><font><font>状态</font></font></th>
+ <th scope="col"><font><font>评论</font></font></th>
+ </tr>
+ <tr>
+ <td><font><font>{{SpecName('CSS3 Font Loading','#font-face-set-check','check')}}</font></font></td>
+ <td><font><font>{{Spec2('CSS3 Font Loading')}}</font></font></td>
+ <td><font><font>初始定义</font></font></td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容"><font><font>浏览器兼容</font></font></h2>
+
+<div><font><font>{{CompatibilityTable}}</font></font></div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th><font><font>特征</font></font></th>
+ <th><font><font>铬</font></font></th>
+ <th><font><font>Firefox(Gecko)</font></font></th>
+ <th><font><font>IE浏览器</font></font></th>
+ <th><font><font>歌剧</font></font></th>
+ <th><font><font>Safari(WebKit)</font></font></th>
+ </tr>
+ <tr>
+ <td><font><font>基本支持</font></font></td>
+ <td><font><font>{{CompatChrome(35.0)}}</font></font></td>
+ <td><font><font>{{CompatGeckoDesktop(41)}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th><font><font>特征</font></font></th>
+ <th><font><font>Android的</font></font></th>
+ <th><font><font>Android Webview</font></font></th>
+ <th><font><font>Firefox Mobile(Gecko)</font></font></th>
+ <th><font><font>Firefox操作系统</font></font></th>
+ <th><font><font>IE Mobile</font></font></th>
+ <th><font><font>歌剧手机</font></font></th>
+ <th><font><font>Safari手机</font></font></th>
+ <th><font><font>适用于Android的Chrome</font></font></th>
+ </tr>
+ <tr>
+ <td><font><font>基本支持</font></font></td>
+ <td><font><font>{{CompatNo}}</font></font></td>
+ <td><font><font>{{CompatChrome(35.0)}}</font></font></td>
+ <td><font><font>{{CompatGeckoMobile(41)}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatUnknown}}</font></font></td>
+ <td><font><font>{{CompatChrome(35.0)}}</font></font></td>
+ </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/zh-cn/web/api/fontfaceset/index.html b/files/zh-cn/web/api/fontfaceset/index.html
new file mode 100644
index 0000000000..564cd391ea
--- /dev/null
+++ b/files/zh-cn/web/api/fontfaceset/index.html
@@ -0,0 +1,143 @@
+---
+title: FontFaceSet
+slug: Web/API/FontFaceSet
+tags:
+ - API
+ - Fonts
+translation_of: Web/API/FontFaceSet
+---
+<div>{{APIRef("CSS Font Loading API")}}{{SeeCompatTable}}</div>
+
+<p><a href="/en-US/docs/Web/API/CSS_Font_Loading_API">CSS 字体加载 API</a> 的 <strong><code>FontFaceSet</code></strong> 管理着字体们的加载和可查询的字体们下载状态。</p>
+
+<h2 id="Properties">Properties</h2>
+
+<dl>
+ <dt>{{domxref("FontFaceSet.status")}} {{readonlyinline}}</dt>
+ <dd>表示 font-face's 的加载状态,可能是 <code>'loading'</code> 或 <code>'loaded'</code></dd>
+</dl>
+
+<h2 id="Events">Events</h2>
+
+<dl>
+</dl>
+
+<dl>
+ <dt>{{domxref("FontFaceSet.onloading")}}</dt>
+ <dd>当{{event("loading")}}相关事件发生时触发{{domxref("EventListener")}} ,表示 font-face 集已经开始加载了。</dd>
+ <dt>{{domxref("FontFaceSet.onloadingdone")}}</dt>
+ <dd>当{{event("loading")}}相关事件发生时触发{{domxref("EventListener")}} ,表示 font-face 集已经完成加载了。</dd>
+ <dt>{{domxref("FontFaceSet.onloadingerror")}}</dt>
+ <dd>当{{event("loading")}}相关事件发生时触发{{domxref("EventListener")}} ,表示 font-face 集加载时产生了一个错误。</dd>
+</dl>
+
+<h2 id="Methods">Methods</h2>
+
+<dl>
+ <dt>{{domxref("FontFaceSet.add","FontFaceSet.add()")}}</dt>
+ <dd>向字体集添加一个字体。</dd>
+ <dt>{{domxref("FontFaceSet.check","FontFaceSet.check()")}}</dt>
+ <dd>一个{{domxref("Boolean")}} 用于表示一个字体是否加载完成,但它不回初始化你的加载。</dd>
+ <dt>{{domxref("FontFaceSet.clear", "FontFaceSet.clear()")}}</dt>
+ <dd>移除字体集的所有字体。</dd>
+ <dt>{{domxref("FontFaceSet.delete","FontFaceSet.delete()")}}</dt>
+ <dd>从字体集中移除一个字体。</dd>
+ <dt>{{domxref("FontFaceSet.load","FontFaceSet.load()")}}</dt>
+ <dd>返回解析为请求的字体的列表的 {{jsxref("Promise")}}。</dd>
+ <dt>{{domxref("FontFaceSet.ready", "FontFaceSet.ready()")}}</dt>
+ <dd>准备操作已完成且开始解析字体时返回一个 {{jsxref("Promise")}} 。</dd>
+</dl>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('CSS3 Font Loading','#FontFaceSet-interface','FontFaceSet')}}</td>
+ <td>{{Spec2('CSS3 Font Loading')}}</td>
+ <td>Initial definition</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari (WebKit)</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatChrome(35.0)}}</td>
+ <td>{{CompatGeckoDesktop(41)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatSafari(10)}}</td>
+ </tr>
+ <tr>
+ <td>clear() method</td>
+ <td>{{CompatChrome(48.0)}}</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>Firefox OS</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatChrome(35.0)}}</td>
+ <td>{{CompatGeckoMobile(41)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatSafari(10)}}</td>
+ <td>{{CompatChrome(35.0)}}</td>
+ </tr>
+ <tr>
+ <td>clear() method</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatChrome(48.0)}}</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td>{{CompatChrome(48.0)}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>