12/12/2023 0 Comments Unpkg fontfaceobserver![]() Ultimately, CDNJS' popularity and core structure led to its biggest pain points. ![]() In a peculiar move, CDNJS adopted Google's URL pattern. Google's CDN still exists to this today as Google Hosted Libraries. Prior to CDNJS, Google was the key JS CDN player, who only hosted the top tier libraries of the day - jQuery, Dojo, etc. Library developers finally had a centralized place where they could host their files for wide-spread usage. The rise & fall of CDNJSĬDNJS was a blessing when it first came out. In my own work, I use CDN files for CodePen demos. Developers can point directly to the CDN files and getting started coding. They allow any developer to use external files without having to download and host them. If you have any questions send an email to or follow me on Twitter.Last year I switched all of Metafizzy's CDN links from CDNJS to unpkg.įor front-end libraries, CDNs are external sites that host and deliver library JavaScript and CSS files. Text set in Expo Serif Pro, Expo Sans Pro and Source Code Pro. You can view all of my projects on my Github profile page.Ĭopyright © 2010–2017 Bram Stein. unicode-tokenizer - Unicode tokenizer for line breaking.xsltjson - Convert XML to JSON using a XSLT stylesheet.opentype.js - An OpenType, TrueType and WOFF parser.column-selector - A jQuery table column selector plugin.characterset - Manipulate and create character sets.url-template - An URI template implementation.promis - A small embeddable Promise polyfill.webfontloader - A web font loader that provides font events.I’ve created and contributed to several other interesting projects: Together with Filipe Fortes, Scott Kellum, and Roger Black. Because these designs don’t take into account the screen size, users on mobile devices must often resort to frequent zooming and scrolling in order to read content. Most websites display the same design to all users, no matter what browser or device they are using. ![]() ![]() Using web-standard technologies present in HTML5, Treesaver enables innovative, visually appealing column-based page designs that don’t require any additional downloads: all you need is a modern web browser. Treesaver is an in-browser reading experience that dynamically adapts to a user’s device and screen size. It is not ready for production use (and most likely will never be). While Typeset fully implements the Knuth and Plass algorithm, it should be considered a proof of concept. It also opens up the possibility of using custom text shapes as shown below. By manually breaking paragraphs into lines it is possible to achieve higher quality typesetting than offered by modern browsers. Typeset is an implementation of the Knuth and Plass line breaking algorithm in JavaScript. For jQuery users a plugin is also included. It works in both the browser and Node.js and comes with hyphenation dictionaries for more than 30 languages. Hypher is a fast and small hyphenation engine written in JavaScript. You can use it to switch to a lighter or heavier weight of your typeface based on the browser and operating system your visitors are using. Together with Tim Brown I developed Type Rendering Mix, which lets you apply CSS based on the text rendering engine and antialiasing method your browser is using. Web developers often work around this by disabling sub pixel antialiasing, but this reduces the fidelity of the text. This results in your site looking differently on each operating system. Some engines render the same typeface lighter and some render it heavier. The “Professional Web Typography” book by Donny Truong also has a section on how to use Font Face Observer.Įach operating system has its own text rendering engine. The Filament Group has an excellent article on how to use Font Face Observer’s font events to efficiently load fonts. It is compatible with all web font services and self-hosted fonts. It will detect when a web font has loaded and notify you. Any additions, corrections, or comments are very welcome.įont Face Observer is a small library that provides JavaScript font load events. The site is frequently updated with new data and entirely open source. I created the State of Web Type because no other browser support data site goes into the necessary detail for type and typography features. The State of Web Type contains up to date browser support data for type and typographic features. My Github profile contains several other useful libraries and tools. Some of my libraries are used on millions of websites around the world.īelow is just a small selection of my most well-known open source projects. I’ve created a large collection of open source libraries for improving type and typography on the web.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |