Using these objects to implement a particular font loading policy is straightforward. Each document has its own FontFaceSet, accessible via document.fonts. The document’s FontFaceSet contains all the fonts the webpage can use for rendering. FontFace represents the same concept as a CSS rule, so it contains information about a font like its url, weight, unicode-range, family, etc. This API exposes two main pieces to JavaScript: the FontFace interface and the FontFaceSet interface.
With the CSS Font Loading API, new in WebKit, web authors have complete control over their own font loading policy. CSS Font Loading APIĭifferent web authors may want different policies for headline fonts or for body fonts. The best part is that websites don’t have to do anything to adopt this new policy all font loads will use it by default. This new policy minimizes a flash of fallback text for fast-downloading fonts without making long-downloading fonts illegible indefinitely.
#Webkit font smoothing download
Instead, newer versions of WebKit will show this invisible text for a maximum of 3 seconds, at which point it will switch to a local font chosen from the element’s style before finally switching to the downloaded font when the download completes. Older versions of WebKit would continue to show this invisible text until the font completes downloading. For these fonts, WebKit will show elements with invisible text during the delay. WebKit will always end up using the downloaded font when it is available however, some fonts may require quite some time to complete downloading. The browser should attempt to show a web page in the best way possible despite not being able to use a font due to an ongoing download. WebKit has mitigated this in two main areas: improving font download policies, and making fonts download faster. Many web fonts are quite large, causing a long delay until the browser can use them. Unfortunately, not all web fonts download instantaneously, which means there is some time during the load where the browser must show the webpage without the font. Browsers download the fonts with the rest of the site and use them when they finish downloading. Using web fonts allows a site author to include and use specific fonts along with the assets of their websites. Web fonts are becoming increasingly popular all over the web.
0 kommentar(er)
