Unicode on the Web: Text Rendering in the Chrome Browser Dominik Röttsches
[email protected] Behdad Esfahbod
[email protected] Source: SIL Source: http://www.h-57.com/the-force-of-typography/ Challenges ● Millions of Users - what if we break stuff? ● ~17.84 Million page loads per minute - how can we keep those going fast? ● Chrome shipping on 5 platforms: Android, Windows, ChromeOS, Linux, Mac - how can we ensure it works everywhere? ● Speed, Simplicity, Security, Stability ● The Web: Mixed scripts and languages, mixed directionality of text, text and Emoji, demand for fast web fonts Source: https://chrome.googleblog.com/2016/04/chrome-50-releases-and-counting.html Scope ● Recap: What is text shaping? ● Evolution of Chrome’s text stack ● Benefits and notable features of Chrome’s current text stack Text Shaping Text Shaping e ̆ ̧ a ̥ ᵉ ĕ ̧ ḁ ᵉ ȩ ̆ ḁ ᵉ ḝ ḁ ᵉ GlyphBuffer Text Shaping gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping Times Source Sans Lobster gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping 32 16 6 gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping TTB LTR RTL BTT gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping ● Small Caps ● Ligatures ● Swashes, Ornamentals ● Number Forms ● … more gb = f ( font, size, direction, features, script, language, text, context ) Text Shaping ● Latin ● Arabic