Skip to content

Commit 650066c

Browse files
committed
[css-font-loading] Add source markers.
1 parent f7b261b commit 650066c

2 files changed

Lines changed: 113 additions & 1 deletion

File tree

css-font-loading/Overview.bs

Lines changed: 97 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,16 @@ Values</h3>
4141
which are defined in <a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">ECMAScript 6</a>.
4242
HTML5Rocks has some <a href="http://www.html5rocks.com/en/tutorials/es6/promises/">good tutorial material introducing Promises</a>.
4343

44+
<!--
45+
████████ ███████ ██ ██ ████████ ████████ ███ ██████ ████████
46+
██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
47+
██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██
48+
██████ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██████
49+
██ ██ ██ ██ ████ ██ ██ █████████ ██ ██
50+
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██
51+
██ ███████ ██ ██ ██ ██ ██ ██ ██████ ████████
52+
-->
53+
4454
<h2 id="fontface-interface">
4555
The <code>FontFace</code> Interface</h2>
4656

@@ -132,6 +142,16 @@ The <code>FontFace</code> Interface</h2>
132142
internal <dfn attribute for=FontFace>[<!---->[Urls]]</dfn> and <dfn attribute for=FontFace>[<!---->[Data]]</dfn> slots,
133143
of which one is not <code>null</code> and the rest are <code>null</code>.
134144

145+
<!--
146+
██████ ███████ ██ ██ ██████ ████████ ████████ ██ ██ ██████ ████████ ███████ ████████
147+
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
148+
██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
149+
██ ██ ██ ██ ██ ██ ██████ ██ ████████ ██ ██ ██ ██ ██ ██ ████████
150+
██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
151+
██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
152+
██████ ███████ ██ ██ ██████ ██ ██ ██ ███████ ██████ ██ ███████ ██ ██
153+
-->
154+
135155
<h3 id='font-face-constructor'>
136156
The Constructor</h3>
137157

@@ -207,6 +227,16 @@ The Constructor</h3>
207227
they cannot actually be used until they are explicitly added to a FontFaceSet.
208228
See the following section for a more complete description of FontFaceSet.
209229

230+
<!--
231+
██ ███████ ███ ████████ ███ ███
232+
██ ██ ██ ██ ██ ██ ██ ██ ██
233+
██ ██ ██ ██ ██ ██ ██ ██ ██
234+
██ ██ ██ ██ ██ ██ ██ ██ ██
235+
██ ██ ██ █████████ ██ ██ ██ ██
236+
██ ██ ██ ██ ██ ██ ██ ██ ██
237+
████████ ███████ ██ ██ ████████ ███ ███
238+
-->
239+
210240
<h3 id='font-face-load'>
211241
The <code>load()</code> method</h3>
212242

@@ -289,7 +319,15 @@ Interaction with CSS’s ''@font-face'' Rule</h3>
289319
The connection is not restorable by any means
290320
(but adding the ''@font-face'' back to the stylesheet will create a brand new <a interface>FontFace</a> object which <em>is</em> <a>CSS-connected</a>).
291321

292-
322+
<!--
323+
████████ ███████ ██ ██ ████████ ████████ ███ ██████ ████████ ██████ ████████ ████████
324+
██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
325+
██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
326+
██████ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██████ ██████ ██████ ██
327+
██ ██ ██ ██ ████ ██ ██ █████████ ██ ██ ██ ██ ██
328+
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
329+
██ ███████ ██ ██ ██ ██ ██ ██ ██████ ████████ ██████ ████████ ██
330+
-->
293331

294332
<h2 id="FontFaceSet-interface">
295333
The <code>FontFaceSet</code> Interface</h2>
@@ -392,6 +430,15 @@ Modifications of normal Set methods</h3>
392430
must only remove the manually-added <a interface>FontFace</a> objects;
393431
the <a>CSS-connected</a> <a interface>FontFace</a> objects are unaffected.
394432

433+
<!--
434+
████████ ██ ██ ████████ ██ ██ ████████ ██████
435+
██ ██ ██ ██ ███ ██ ██ ██ ██
436+
██ ██ ██ ██ ████ ██ ██ ██
437+
██████ ██ ██ ██████ ██ ██ ██ ██ ██████
438+
██ ██ ██ ██ ██ ████ ██ ██
439+
██ ██ ██ ██ ██ ███ ██ ██ ██
440+
████████ ███ ████████ ██ ██ ██ ██████
441+
-->
395442

396443
<h3 id='FontFaceSet-events'>
397444
Events</h3>
@@ -552,6 +599,15 @@ Events</h3>
552599
Return <var>matched font faces</var>.
553600
</ol>
554601

602+
<!--
603+
██ ███████ ███ ████████ ███ ███
604+
██ ██ ██ ██ ██ ██ ██ ██ ██
605+
██ ██ ██ ██ ██ ██ ██ ██ ██
606+
██ ██ ██ ██ ██ ██ ██ ██ ██
607+
██ ██ ██ █████████ ██ ██ ██ ██
608+
██ ██ ██ ██ ██ ██ ██ ██ ██
609+
████████ ███████ ██ ██ ████████ ███ ███
610+
-->
555611

556612
<h3 id='font-face-set-load'>
557613
The <code>load()</code> method</h3>
@@ -599,6 +655,16 @@ The <code>load()</code> method</h3>
599655
</ol>
600656
</ol>
601657

658+
<!--
659+
██████ ██ ██ ████████ ██████ ██ ██ ███ ███
660+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
661+
██ ██ ██ ██ ██ ██ ██ ██ ██
662+
██ █████████ ██████ ██ █████ ██ ██
663+
██ ██ ██ ██ ██ ██ ██ ██ ██
664+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
665+
██████ ██ ██ ████████ ██████ ██ ██ ███ ███
666+
-->
667+
602668
<h3 id='font-face-set-check'>
603669
The <code>check()</code> method</h3>
604670

@@ -633,6 +699,16 @@ The <code>check()</code> method</h3>
633699
Otherwise, return <code>false</code>.
634700
</ol>
635701

702+
<!--
703+
████████ ████████ ███ ████████ ██ ██ ███ ███
704+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
705+
██ ██ ██ ██ ██ ██ ██ ████ ██ ██
706+
████████ ██████ ██ ██ ██ ██ ██ ██ ██
707+
██ ██ ██ █████████ ██ ██ ██ ██ ██
708+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
709+
██ ██ ████████ ██ ██ ████████ ██ ███ ███
710+
-->
711+
636712
<h3 id='font-face-set-ready'>
637713
The <code>ready()</code> method</h3>
638714

@@ -748,6 +824,16 @@ Interaction with CSS Font Loading and Matching</h3>
748824
and the layout engine uses the new font resource.
749825
</div>
750826

827+
<!--
828+
████████ ███████ ██ ██ ████████ ████████ ███ ██████ ████████ ██████ ███████ ██ ██ ████████ ██████ ████████
829+
██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
830+
██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
831+
██████ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██████ ██████ ██ ██ ██ ██ ████████ ██ ██████
832+
██ ██ ██ ██ ████ ██ ██ █████████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
833+
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
834+
██ ███████ ██ ██ ██ ██ ██ ██ ██████ ████████ ██████ ███████ ███████ ██ ██ ██████ ████████
835+
-->
836+
751837
<h2 id='font-face-source'>
752838
The <code>FontFaceSource</code> interface</h2>
753839

@@ -798,6 +884,16 @@ Interaction with CSS’s ''@font-face'' Rule</h3>
798884
Note: It is expected that a future version of this specification
799885
will define ways of interacting with and querying local fonts as well.
800886

887+
<!--
888+
███ ████████ ████ ████████ ██ ██ ███ ██ ██ ████████ ██ ████████ ██████
889+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ███ ██ ██ ██ ██ ██ ██
890+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ████ ██ ██ ██ ██ ██
891+
██ ██ ████████ ██ ██████ ███ ██ ██ ██ ███ ██ ████████ ██ ██████ ██████
892+
█████████ ██ ██ ██ ██ ██ █████████ ██ ██ ██ ██ ██ ██
893+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
894+
██ ██ ██ ████ ████████ ██ ██ ██ ██ ██ ██ ██ ████████ ████████ ██████
895+
-->
896+
801897
<h2 id="font-load-event-examples">
802898
API Examples</h2>
803899

css-font-loading/Overview.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,8 @@ <h3 class="heading settled heading" data-level=1.1 id=values><span class=secno>1
138138
which are defined in <a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">ECMAScript 6</a>.
139139
HTML5Rocks has some <a href=http://www.html5rocks.com/en/tutorials/es6/promises/>good tutorial material introducing Promises</a>.</p>
140140

141+
142+
141143
<h2 class="heading settled heading" data-level=2 id=fontface-interface><span class=secno>2 </span><span class=content>
142144
The <code>FontFace</code> Interface</span><a class=self-link href=#fontface-interface></a></h2>
143145

@@ -228,6 +230,8 @@ <h2 class="heading settled heading" data-level=2 id=fontface-interface><span cla
228230
internal <dfn class=idl-code data-dfn-for=FontFace data-dfn-type=attribute data-export="" id=dom-fontface-urls>[[Urls]]<a class=self-link href=#dom-fontface-urls></a></dfn> and <dfn class=idl-code data-dfn-for=FontFace data-dfn-type=attribute data-export="" id=dom-fontface-data>[[Data]]<a class=self-link href=#dom-fontface-data></a></dfn> slots,
229231
of which one is not <code>null</code> and the rest are <code>null</code>.</p>
230232

233+
234+
231235
<h3 class="heading settled heading" data-level=2.1 id=font-face-constructor><span class=secno>2.1 </span><span class=content>
232236
The Constructor</span><a class=self-link href=#font-face-constructor></a></h3>
233237

@@ -303,6 +307,8 @@ <h3 class="heading settled heading" data-level=2.1 id=font-face-constructor><spa
303307
they cannot actually be used until they are explicitly added to a FontFaceSet.
304308
See the following section for a more complete description of FontFaceSet.</p>
305309

310+
311+
306312
<h3 class="heading settled heading" data-level=2.2 id=font-face-load><span class=secno>2.2 </span><span class=content>
307313
The <code>load()</code> method</span><a class=self-link href=#font-face-load></a></h3>
308314

@@ -488,6 +494,7 @@ <h3 class="heading settled heading" data-level=3.1 id=set-modifications><span cl
488494
the <a data-link-type=dfn href=#css-connected title=css-connected>CSS-connected</a> <a class=idl-code data-link-type=interface href=#dom-fontface title=fontface>FontFace</a> objects are unaffected.</p>
489495

490496

497+
491498
<h3 class="heading settled heading" data-level=3.2 id=FontFaceSet-events><span class=secno>3.2 </span><span class=content>
492499
Events</span><a class=self-link href=#FontFaceSet-events></a></h3>
493500

@@ -648,6 +655,7 @@ <h3 class="heading settled heading" data-level=3.2 id=FontFaceSet-events><span c
648655
</ol>
649656

650657

658+
651659
<h3 class="heading settled heading" data-level=3.3 id=font-face-set-load><span class=secno>3.3 </span><span class=content>
652660
The <code>load()</code> method</span><a class=self-link href=#font-face-set-load></a></h3>
653661

@@ -694,6 +702,8 @@ <h3 class="heading settled heading" data-level=3.3 id=font-face-set-load><span c
694702
</ol>
695703
</ol>
696704

705+
706+
697707
<h3 class="heading settled heading" data-level=3.4 id=font-face-set-check><span class=secno>3.4 </span><span class=content>
698708
The <code>check()</code> method</span><a class=self-link href=#font-face-set-check></a></h3>
699709

@@ -728,6 +738,8 @@ <h3 class="heading settled heading" data-level=3.4 id=font-face-set-check><span
728738
Otherwise, return <code>false</code>.
729739
</ol>
730740

741+
742+
731743
<h3 class="heading settled heading" data-level=3.5 id=font-face-set-ready><span class=secno>3.5 </span><span class=content>
732744
The <code>ready()</code> method</span><a class=self-link href=#font-face-set-ready></a></h3>
733745

@@ -839,6 +851,8 @@ <h3 class="heading settled heading" data-level=3.6 id=font-face-set-css><span cl
839851
and the layout engine uses the new font resource.</p>
840852
</div>
841853

854+
855+
842856
<h2 class="heading settled heading" data-level=4 id=font-face-source><span class=secno>4 </span><span class=content>
843857
The <code>FontFaceSource</code> interface</span><a class=self-link href=#font-face-source></a></h2>
844858

@@ -888,6 +902,8 @@ <h3 class="heading settled heading" data-level=4.2 id=document-font-face-set><sp
888902
<p class=note>Note: It is expected that a future version of this specification
889903
will define ways of interacting with and querying local fonts as well.</p>
890904

905+
906+
891907
<h2 class="heading settled heading" data-level=5 id=font-load-event-examples><span class=secno>5 </span><span class=content>
892908
API Examples</span><a class=self-link href=#font-load-event-examples></a></h2>
893909

0 commit comments

Comments
 (0)