2025-01-15 19:42:35 +01:00

40 lines
11 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><!-- use theme color or fallback -->
<!--use textcolor from settings, otherwise create a contrasting color to theme color-->
<head><meta charset="utf-8"/><link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="../../bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"/><link href="../../bootstrap/css/bootstrap-select.min.css" rel="stylesheet"/><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic" rel="stylesheet" type="text/css"/><link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600,600italic,400" rel="stylesheet" type="text/css"/><link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet" type="text/css"/><script src="../../jquery-1.9.1.min.js"></script><script src="../../bootstrap/js/bootstrap.min.js"></script><script src="../../bootstrap/js/bootstrap-select.min.js"></script><link href="../../styles.css" rel="stylesheet"/><link href="../../haxe-nav.css" rel="stylesheet"/><script type="text/javascript">var dox = {rootPath: "../../",platforms: ["Neko","Android","Flash","iOS","macOS","Linux","HTML5","Windows"]};</script><script type="text/javascript" src="../../nav.js"></script><script type="text/javascript" src="../../index.js"></script><link rel="icon" href="../../favicon.ico" type="image/x-icon"></link><title>js.html.FontFace - API Reference</title><meta name="description" content="The &lt;code&gt;&lt;a href="../../js/html/FontFace.html"&gt;FontFace&lt;/a&gt;&lt;/code&gt; interface represents a single usable font face. It allows control of the source of the font face, being a URL to an external resource, or a buffer; it also allows control of when the font face is loaded and its current status."/></head><body><style>
a, code .type {
color: #24afc4;
}
.navbar .brand {
display: inline-block;
float: none;
text-shadow: 0 0 0 transparent;
}
.nav-list>.active>a.treeLink, .nav-list>.active>a.treeLink:hover, .nav-list>.active>a.treeLink:focus {
background: #24afc4;
color: #ffffff;
text-shadow: 0 0 0 transparent;
}
.navbar .container {
width: 940px ;
}
@media (max-width: 767px) {
.navbar .container {
width: auto;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.navbar .container {
width: 724px;
}
}
@media (min-width: 1200px) {
.navbar .container {
width: 1170px;
}
}
.navbar .container img {
margin: 5px 0 0 4px;
}
</style><nav class="nav"><div class="navbar"><div class="navbar-inner" style="background:#FAFAFA; border-bottom:1px solid rgba(0,0,0,.09)"><div class="container"><a class="brand" href="http://www.openfl.org"><img alt="" src="http://www.openfl.org/images/logo.png"/></a><a class="brand" style="color:#777777" href="../../">API Reference</a></div></div></div></nav><div class="container main-content"><div class="row-fluid"><div class="span3"><div class="well sidebar-nav"><form class="form-search" id="searchForm"><div class="input-prepend input-block-level"><span class="add-on"><i class="icon-search"></i></span><input id="search" type="text" placeholder="Search" autocomplete="off"/></div></form><div class="dropdown"><select id="select-platform" class="selectpicker" title="Filter by platform" data-width="100%"><option value="all" selected="true">All Platforms</option><option>Neko</option><option>Android</option><option>Flash</option><option>iOS</option><option>macOS</option><option>Linux</option><option>HTML5</option><option>Windows</option></select></div></div><div class="well sidebar-nav"><div id="nav"></div></div></div><div class="span9"><div class="page-header"><h1><small>class</small> FontFace</h1><h4><small>package <a href="../../js/html/index.html">js.html</a></small></h4> <p class="availability"><hr/><em>Available on HTML5</em></p></div><div class="body"><div class="doc doc-main"><div class="indent"><p>The <code><a href="../../js/html/FontFace.html">FontFace</a></code> interface represents a single usable font face. It allows control of the source of the font face, being a URL to an external resource, or a buffer; it also allows control of when the font face is loaded and its current status.</p>
<p>Documentation <a href="https://developer.mozilla.org/en-US/docs/Web/API/FontFace">FontFace</a> by <a href="https://developer.mozilla.org/en-US/docs/Web/API/FontFace$history">Mozilla Contributors</a>, licensed under <a href="https://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA 2.5</a>.</p><p class="javadoc">See:</p><div class="indent inline-content"><p><a href="https://developer.mozilla.org/en-US/docs/Web/API/FontFace">https://developer.mozilla.org/en-US/docs/Web/API/FontFace</a></p></div></div></div><h3 class="section">Constructor</h3><div class="fields"><div class="field "><a name="new"></a><h3><p><code><a href="#new"><span class="identifier">new</span></a> (<span style="white-space:nowrap">family:<a class="type" title="The basic String class." href="../../String.html">String</a>,</span> <span style="white-space:nowrap">source:<a class="type" title="An abstract type allowing values to be either of T1 or T2 type." href="../../haxe/extern/EitherType.html">EitherType</a>&lt;<a class="type" title="The basic String class." href="../../String.html">String</a>, <a class="type" title="An abstract type allowing values to be either of T1 or T2 type." href="../../haxe/extern/EitherType.html">EitherType</a>&lt;<a class="type" title="" href="../../js/html/ArrayBuffer.html">ArrayBuffer</a>, <a class="type" title="ArrayBufferView is a helper type representing any of the following JavaScript TypedArray types: Documentation ArrayBufferView by Mozilla Contributors, licensed under CC-BY-SA 2." href="../../js/html/ArrayBufferView.html">ArrayBufferView</a>&gt;&gt;,</span> <span style="white-space:nowrap">?descriptors:<a class="type" title="" href="../../js/html/FontFaceDescriptors.html">FontFaceDescriptors</a></span>)</code></p></h3><div class="doc"><p class="javadoc">Throws:</p><table class="table table-bordered params"><div class="indent inline-content"><tr><th width="25%"><code>null</code></th><td><p>DOMError</p></td></tr></div></table></div></div></div><h3 class="section">Variables</h3><div class="fields"><div class="field "><a name="family"></a><h3><p><code><a href="../../js/html/FontFace.html#family"><span class="identifier">family</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the family of the font. It is equivalent to the <code>@font-face/family</code> descriptor.</p></div></div><div class="field "><a name="featureSettings"></a><h3><p><code><a href="../../js/html/FontFace.html#featureSettings"><span class="identifier">featureSettings</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the features of the font. It is equivalent to the <code>@font-face/feature-settings</code> descriptor.</p></div></div><div class="field "><a name="loaded"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/FontFace.html#loaded"><span class="identifier">loaded</span></a>:<a class="type" title="" href="../../js/Promise.html">Promise</a>&lt;<a class="type" title="The FontFace interface represents a single usable font face." href="../../js/html/FontFace.html">FontFace</a>&gt;</code></p></h3><div class="doc"><p>Returns a <code><a href="../../lime/app/Promise.html">Promise</a></code> to a <code><a href="../../js/html/FontFace.html">FontFace</a></code> that fulfills when the font is completely loaded and rejects when an error happens.</p></div></div><div class="field "><a name="status"></a><h3><p><code><span class="label">read only</span><a href="../../js/html/FontFace.html#status"><span class="identifier">status</span></a>:<a class="type" title="" href="../../js/html/FontFaceLoadStatus.html">FontFaceLoadStatus</a></code></p></h3><div class="doc"><p>Returns an enumerated value indicating the status of the font. It can be one of the following: <code>"unloaded"</code>, <code>"loading"</code>, <code>"loaded"</code>, or <code>"error"</code>.</p></div></div><div class="field "><a name="stretch"></a><h3><p><code><a href="../../js/html/FontFace.html#stretch"><span class="identifier">stretch</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains how the font stretches. It is equivalent to the <code>@font-face/stretch</code> descriptor.</p></div></div><div class="field "><a name="style"></a><h3><p><code><a href="../../js/html/FontFace.html#style"><span class="identifier">style</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the style of the font. It is equivalent to the <code>@font-face/style</code> descriptor.</p></div></div><div class="field "><a name="unicodeRange"></a><h3><p><code><a href="../../js/html/FontFace.html#unicodeRange"><span class="identifier">unicodeRange</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the range of code encompassed the font. It is equivalent to the <code>@font-face/unicode-range</code> descriptor.</p></div></div><div class="field "><a name="variant"></a><h3><p><code><a href="../../js/html/FontFace.html#variant"><span class="identifier">variant</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the variant of the font. It is equivalent to the <code>@font-face/range</code> descriptor.</p></div></div><div class="field "><a name="weight"></a><h3><p><code><a href="../../js/html/FontFace.html#weight"><span class="identifier">weight</span></a>:<a class="type" title="The basic String class." href="../../String.html">String</a></code></p></h3><div class="doc"><p>Is a <code>DOMString</code> that contains the weight of the font. It is equivalent to the <code>@font-face/weight</code> descriptor.</p></div></div></div><h3 class="section">Methods</h3><div class="fields"><div class="field "><a name="load"></a><h3><p><code><a href="#load"><span class="identifier">load</span></a> ():<a class="type" title="" href="../../js/Promise.html">Promise</a>&lt;<a class="type" title="The FontFace interface represents a single usable font face." href="../../js/html/FontFace.html">FontFace</a>&gt;</code></p></h3><div class="doc"><p class="javadoc">Throws:</p><table class="table table-bordered params"><div class="indent inline-content"><tr><th width="25%"><code>null</code></th><td><p>DOMError</p></td></tr></div></table></div></div></div></div></div></div></div><footer class="section site-footer" style="background:#FAFAFA"><div class="container"><div class="copyright"><p style="color:#777777">&copy; 2017 &nbsp;<a style="color:#777777" href="http://www.openfl.org">http://www.openfl.org</a></p></div></div></footer><script src="../..//highlighter.js"></script><link href="../../highlighter.css" rel="stylesheet"/></body></html>