The Typefaces sample application allows users to compare a few HTML elements using an array of different open-source font types. The application will demonstrate how to embed external font files into a hybrid application, as well as how to switch between font types. The application opens initially using the Amble font.
The HTML elements on the screen include a headline, a quote, a subheading, some body text, an input field with some placeholder text, and a button. These elements are given the Amble font by using a series of @font-face CSS commands in the /css/fonts.css file.