Search completed in 1.62 seconds.
FontFaceSetLoadEvent.FontFaceSetLoadEvent() - Web APIs
the
fontfacesetloadevent constructor creates a new
fontfaceloadevent object which is fired whenever a
fontfaceset loads.
... syntax var
fontfacesetloadevent = new
fontfacesetloadevent(type[, options]) parameters type the literal value 'type' (quotation marks included).
... options optional options are as follows:
fontfaces: an array of
fontface instances.
...And 2 more matches
FontFaceSetLoadEvent.fontfaces - Web APIs
the
fontfaces read-only property of the
fontfaceloadeventinit interface returns an array of
fontface instances, each of which represents a single usable font.
... syntax var
fontface[] =
fontfacesetloadevent.
fontfaces value an array of
fontface instance.
... specifications specification status comment css font loading module level 3the definition of '
fontfaces' in that specification.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internet
fontfaces experimentalchrome full support 35edge full support ≤79firefox full support yesie ?
FontFace.FontFace() - Web APIs
the
fontface() constructor creates a new
fontface object.
... syntax var
fontface = new
fontface(family, source, descriptors); parameters family specifies a name that will be used as the font face value for font properties.
...it can have the following keys: family: family style: style weight: weight stretch: stretch unicoderange: unicode range variant: variant featuresettings: feature settings example async function loadfonts() { const font = new
fontface('myfont', 'url(myfont.woff)'); // wait for font to be loaded await font.load(); // add font to document document.fonts.add(font); // enable font with css class document.body.classlist.add('fonts-loaded'); } specifications specification status comment css font loading module level 3the definition of '
fontface constructor' in that specification.
FontFace - Web APIs
the
fontface interface represents a single usable font face.
... constructor
fontface() constructs and returns a new
fontface object, built from an external resource described by an url or from an arraybuffer.
...
fontface.display a cssomstring that determines how a font face is displayed based on whether and when it is downloaded and ready to use.
...And 11 more matches
FontFaceSet - Web APIs
the
fontfaceset interface of the css font loading api manages the loading of font-faces and querying of their download status.
... properties
fontfaceset.status read only indicates the font-face's loading status.
...
fontfaceset.ready read only promise which resolves once font loading and layout operations have completed.
...And 9 more matches
FontFaceSetLoadEvent - Web APIs
the
fontfacesetloadevent interface of the the css font loading api is fired whenever a
fontfaceset loads.
... constructor
fontfacesetloadevent() creates a new
fontfacesetloadevent object.
... properties
fontfacesetloadevent.
fontfacesread only returns an array of
fontface instances each of which represents a single usable font.
...And 4 more matches
nsIDOMFontFaceList
layout/inspector/public/nsidom
fontfacelist.idlscriptable a list of nsidom
fontface objects, each representing a single font face.
... 1.0 66 introduced gecko 7.0 inherits from: nsisupports last changed in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) method overview nsidom
fontface item(in unsigned long index); attributes attribute type description length unsigned long the number of items in the list.
... methods item() returns the nsidom
fontface object at the specified index into the list.
...And 3 more matches
nsIDOMFontFace
layout/inspector/public/nsidom
fontface.idlscriptable describes a single font face.
...it's returned in a list you can get using inidomutils.getused
fontfaces().
... rule nsidomcss
fontfacerule null if no associated @font-face rule.
... see also nsidom
fontfacelist ...
FontFaceSet.ready - Web APIs
the ready readonly property of the
fontfaceset interface returns a promise that resolves to the given
fontfaceset.
... syntax
fontfaceset.ready.then(function(
fontfaceset) { // ...
... }); returns a promise that resolves to the given
fontfaceset.
... specifications specification status comment css font loading module level 3the definition of '
fontfaceset' in that specification.
FontFace.family - Web APIs
the
fontface.family property allows the author to get or set the font family of a
fontface object.
... syntax instanceof
fontface.family = 'font family name'; var
fontface = instanceof
fontface.family; // "font family name" value a domstring.
... example var
fontface = new
fontface('roboto', 'url(https://fonts.example.com/roboto.woff2)'); console.log(
fontface.family); // 'roboto'
fontface.family = 'newroboto'; console.log(
fontface.family); // 'newroboto' specifications specification status comment css font loading module level 3the definition of 'family' in that specification.
FontFace.load - Web APIs
the load() method of the
fontface interface loads a font based on current object's constructor-passed requirements, including a location or source buffer, and returns a promise that resolves with the current
fontface object.
... syntax var promise =
fontface.load(); parameters none.
... return value a promise that resolves with a reference to the current
fontface object when the font loads or rejects with a networkerror if the loading process fails.
SVGFontFaceElement - Web APIs
the svg
fontfaceelement interface corresponds to the <font-face> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svg
fontfaceelement" target="_top"><rect x="1" y="1" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="91" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
fontfaceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interfa...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svg
fontfaceelement' in that specification.
SVGFontFaceFormatElement - Web APIs
the svg
fontfaceformatelement interface corresponds to the <font-face-format> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svg
fontfaceformatelement" target="_top"><rect x="1" y="1" width="240" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="121" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
fontfaceformatelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties ...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svg
fontfaceformatelement' in that specification.
SVGFontFaceNameElement - Web APIs
the svg
fontfacenameelement interface corresponds to the <font-face-name> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svg
fontfacenameelement" target="_top"><rect x="1" y="1" width="220" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="111" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
fontfacenameelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties thi...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svg
fontfacenameelement' in that specification.
SVGFontFaceSrcElement - Web APIs
the svg
fontfacesrcelement interface corresponds to the <font-face-src> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svg
fontfacesrcelement" target="_top"><rect x="1" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="106" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
fontfacesrcelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this ...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svg
fontfacesrcelement' in that specification.
SVGFontFaceUriElement - Web APIs
the svg
fontfaceurielement interface corresponds to the <font-face-uri> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svg
fontfaceurielement" target="_top"><rect x="1" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="106" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
fontfaceurielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this ...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svg
fontfaceurielement' in that specification.
FontFace.display - Web APIs
the display property of the
fontface interface determines how a font face is displayed based on whether and when it is downloaded and ready to use.
... syntax var display =
fontface.display
fontface.display = display value a cssomstring with one of the following values.
FontFace.featureSettings - Web APIs
the featuresettings property of the
fontface interface retrieves or sets infrequently used font features that are not available from a font's variant properties.
... syntax var featuresettingdescriptor =
fontface.featuresettings;
fontface.featuresettings = featuresettingdescriptor; value a cssomstring containing a descriptor.
FontFace.loaded - Web APIs
the loaded read-only property of the
fontface interface returns a promise that resolves with the current
fontface object when the font specified in the object's constructor is done loading or rejects with a syntaxerror.
... syntax var apromise =
fontface.loaded; value a promise that resolves with the current
fontface object.
FontFace.status - Web APIs
the status read-only property of the
fontface interface returns an enumerated value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
... syntax var status =
fontface.status; value one of "unloaded", "loading", "loaded", or "error".
FontFace.stretch - Web APIs
the stretch property of the
fontface interface retrieves or sets how the font stretches.
... syntax var stretchdescriptor =
fontface.stretch;
fontface.stretch = stretchdescriptor; value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FontFace.style - Web APIs
the style property of the
fontface interface retrieves or sets the font's style.
... syntax var style =
fontface.style;
fontface.style = value; value a cssomstring containing the descriptors defined in the style sheet's @font-face rule.
FontFace.unicodeRange - Web APIs
the unicoderange property of the
fontface interface retrieves or sets the range of unicode codepoints encompassing the font.
... syntax var unicoderangedescriptor =
fontface.unicoderange;
fontface.unicoderange = unicoderangedescriptor; value a cssomstring containing a descriptor as it would appear in a style sheet's @font-face rule.
FontFace.variant - Web APIs
the variant property of the
fontface interface programatically retrieves or sets font variant values.
... syntax var variantsubproperty =
fontface.variant;
fontface.variant = variantsubproperty; value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FontFace.weight - Web APIs
the weight property of the
fontface interface retrieves or sets the weight of the font.
... syntax var weightdescriptor =
fontface.weight;
fontface.weight = weightdescriptor; value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FontFaceSet.check() - Web APIs
the check() method of the
fontfaceset returns whether all fonts in the given font list have been loaded and are available.
... syntax bool = a
fontfaceset.check(font); bool = a
fontfaceset.check(font, text); returns a boolean that is true if the font list is available parameters font: a font specification using the css value syntax, e.g.
FontFaceSet.load() - Web APIs
the load() method of the
fontfaceset forces all the fonts given in parameters to be loaded.
... syntax result = a
fontfaceset.load(font); result = a
fontfaceset.load(font, text); returns a promise of an array of
fontface loaded.
Index - Web APIs
913 document.fonts api, dom, font loading api,
fontface,
fontfaceset, fonts, font the fonts property of the document interface returns the
fontfaceset interface of the document.
... 1392 focusevent.relatedtarget api, event, experimental, focusevent, property, reference the focusevent.relatedtarget read-only property is the secondary target, depending on the type of event: 1393
fontface api, css font loading api,
fontface, fonts, interface, reference the
fontface interface represents a single usable font face.
... 1394
fontface.
fontface() api, css font loading api, constructor,
fontface, fonts, reference the
fontface() constructor creates a new
fontface object.
...And 22 more matches
CSS Font Loading API - Web APIs
interfaces
fontface represents a single usable font face.
...
fontfaceset an interface loading font faces and checking their download statuses.
...
fontfacesource a mixin providing all of the fonts used in font-related operations, unless defined otherwise.
...And 2 more matches
Document.fonts - Web APIs
the fonts property of the document interface returns the
fontfaceset interface of the document.
... syntax let
fontfaceset = document.fonts; value the returned value is the
fontfaceset interface of the document.
... the
fontfaceset interface is useful for loading new fonts, checking the status of previously loaded fonts etc.
...And 2 more matches
inIDOMUtils
ong getruleline(in nsidomcssstylerule arule); unsigned long getrulecolumn(in nsidomcssstylerule arule); unsigned long getselectorcount(in nsidomcssstylerule arule); astring getselectortext(in nsidomcssstylerule arule, in unsigned long aselectorindex); unsigned long long getspecificity(in nsidomcssstylerule arule, in unsigned long aselectorindex); nsidom
fontfacelist getused
fontfaces(in nsidomrange arange); bool haspseudoclasslock(in nsidomelement aelement, in domstring apseudoclass); boolean isignorablewhitespace(in nsidomcharacterdata adatanode); bool isinheritedproperty(in astring apropertyname); void parsestylesheet(in nsidomcssstylesheet asheet, in domstring ainput); void removepseudoclasslock(in nsidome...
... getused
fontfaces() returns a list of the fonts specified using @font-face in the specified portion of the document.
... nsidom
fontfacelist getused
fontfaces( in nsidomrange arange ); parameters arange the dom range to retrieve the font faces of.
... return value an nsidom
fontfacelist object listing all the font faces used by the text in the range.
Index
484 nsidom
fontface interfaces, interfaces:scriptable, needscontent this object describes a single font.
... it's returned in a list you can get using inidomutils.getused
fontfaces().
... 485 nsidom
fontfacelist interfaces, interfaces:scriptable, reference, référence(2), xpcom interface reference returns the nsidom
fontface object at the specified index into the list.
nsIHTMLEditor
(in astring atagname); void decreasefontsize(); void dodrag(in nsidomevent aevent); void getalignment(out boolean amixed, out short aalign); astring getbackgroundcolorstate(out boolean amixed); nsidomelement getelementorparentbytagname(in astring atagname, in nsidomnode anode); astring getfontcolorstate(out boolean amixed); astring get
fontfacestate(out boolean amixed); astring getheadcontentsashtml(); astring gethighlightcolorstate(out boolean amixed); void getindentstate(out boolean acanindent, out boolean acanoutdent); void getinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue, out boolean afirst, out boolean aany, out boolean aall); astring getinlinepropertywith...
... get
fontfacestate() returns what font face is in the selection.
... astring get
fontfacestate( out boolean amixed ); parameters amixed true if there is more than one font face.
CanvasRenderingContext2D.font - Web APIs
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.font = 'bold 48px serif'; ctx.stroketext('hello world', 50, 100); result loading fonts with the css font loading api with the help of the
fontface api, you can explicitly load fonts before using them in a canvas.
... let f = new
fontface('test', 'url(x)'); f.load().then(function() { // ready to use the font in a canvas context }); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.font' in that specification.
Web APIs
ntlistener eventsource eventtarget extendableevent extendablemessageevent f featurepolicy federatedcredential fetchevent file fileentrysync fileerror fileexception filelist filereader filereadersync filerequest filesystem filesystemdirectoryentry filesystemdirectoryreader filesystementry filesystementrysync filesystemfileentry filesystemflags filesystemsync focusevent
fontface fontfaceset
fontfacesetloadevent formdata formdataentryvalue formdataevent fullscreenoptions g gainnode gamepad gamepadbutton gamepadevent gamepadhapticactuator geolocation geolocationcoordinates geolocationposition geolocationpositionerror geometryutils gestureevent globaleventhandlers gyroscope h htmlanchorelement htmlareaelement htmlaudioelement htmlbrelement htmlbaseelement html...
...fefloodelement svgfefuncaelement svgfefuncbelement svgfefuncgelement svgfefuncrelement svgfegaussianblurelement svgfeimageelement svgfemergeelement svgfemergenodeelement svgfemorphologyelement svgfeoffsetelement svgfepointlightelement svgfespecularlightingelement svgfespotlightelement svgfetileelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svg
fontfaceelement svg
fontfaceformatelement svg
fontfacenameelement svg
fontfacesrcelement svg
fontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghkernelement svgimageelement svglength svglengthlist svglineelement svglineargradientelement svgmpathelement svgmaskelement svgmatrix svgmeshelement ...
XPCOM Interface Reference
arsetlistenernsicyclecollectorlistenernsidbchangelistenernsidbfolderinfonsidnslistenernsidnsrecordnsidnsrequestnsidnsservicensidomcanvasrenderingcontext2dnsidomchromewindownsidomclientrectnsidomdesktopnotificationnsidomdesktopnotificationcenternsidomelementnsidomeventnsidomeventgroupnsidomeventlistenernsidomeventtargetnsidomfilensidomfileerrornsidomfileexceptionnsidomfilelistnsidomfilereadernsidom
fontfacensidom
fontfacelistnsidomgeogeolocationnsidomgeopositionnsidomgeopositionaddressnsidomgeopositioncallbacknsidomgeopositioncoordsnsidomgeopositionerrornsidomgeopositionerrorcallbacknsidomgeopositionoptionsnsidomglobalpropertyinitializernsidomhtmlaudioelementnsidomhtmlformelementnsidomhtmlmediaelementnsidomhtmlsourceelementnsidomhtmltimerangesnsidomjswindownsidommousescrolleventnsidommoznetworkstatsn...
CSSRule - Web APIs
(until the documentation is completed, see the interface definition in the mozilla source code: nsidomcssimportrule.) cssrule.media_rule 4 cssmediarule cssrule.font_face_rule 5 css
fontfacerule cssrule.page_rule 6 csspagerule cssrule.keyframes_rule 7 csskeyframesrule cssrule.keyframe_rule 8 csskeyframerule reserved for future use 9 should be used to define color profiles in the future cssrule.namespace_rule 10 cssnamespacerule cssrule.counter_style_rule 11 csscount...
CSS Object Model (CSSOM) - Web APIs
reference animationevent caretposition css csscharsetrule cssconditionrule csscounterstylerule css
fontfacerule cssfontfeaturevaluesmap cssfontfeaturevaluesrule cssgroupingrule cssimportrule csskeyframerule csskeyframesrule cssmarginrule cssmediarule cssnamespacerule csspagerule cssrule cssrulelist cssstyledeclaration cssstylesheet cssstylerule csssupportsrule cssvariablesmap cssviewportrule elementcssinlinestyle
fontface fontfaceset
fontfacesetloadevent geometryutils getstyleutils linkstyle medialist mediaquerylist mediaquerylistevent mediaquerylistlis...
Document Object Model (DOM) - Web APIs
fefuncaelement svgfefuncbelement svgfefuncgelement svgfefuncrelement svgfegaussianblurelement svgfeimageelement svgfemergeelement svgfemergenodeelement svgfemorphologyelement svgfeoffsetelement svgfepointlightelement svgfespecularlightingelement svgfespotlightelement svgfetileelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svg
fontfaceelement svg
fontfaceformatelement svg
fontfacenameelement svg
fontfacesrcelement svg
fontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghatchelement svghatchpathelement svghkernelement svgimageelement svglineargradientelement svglineelement svgmarkerelement svgmas...
Event - Web APIs
animationevent audioprocessingevent beforeinputevent beforeunloadevent blobevent clipboardevent closeevent compositionevent css
fontfaceloadevent customevent devicelightevent devicemotionevent deviceorientationevent deviceproximityevent domtransactionevent dragevent editingbeforeinputevent errorevent fetchevent focusevent gamepadevent hashchangeevent idbversionchangeevent inputevent keyboardevent mediastreamevent messageevent mouseevent mutationevent offlineaudiocompletionevent overconstrainederror pagetrans...
<font-face-format> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentempty attributes global attributes core attributes specific attributes string dom interface this element implements the svg
fontfaceformatelement interface.
<font-face-name> - SVG: Scalable Vector Graphics
usage context categoriesnonepermitted contentempty attributes global attributes core attributes » specific attributes name dom interface this element implements the svg
fontfacenameelement interface.
<font-face-src> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentone or more of the following elements, in any order:<font-face-name>, <font-face-uri> attributes global attributes core attributes specific attributes none dom interface this element implements the svg
fontfacesrcelement interface.
<font-face-uri> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentany number of the following elements, in any order:<font-face-format> attributes global attributes core attributes xlink attributes specific attributes xlink:href dom interface this element implements the svg
fontfaceurielement interface.
<font-face> - SVG: Scalable Vector Graphics
range units-per-em panose-1 stemv stemh slope cap-height x-height accent-height ascent descent widths bbox ideographic alphabetic mathematical hanging v-ideographic v-alphabetic v-mathematical v-hanging underline-position underline-thickness strikethrough-position strikethrough-thickness overline-position overline-thickness dom interface this element implements the svg
fontfaceelement interface.