A great place to start if you’re curious about how Hype works with fonts is the Typography chapter of our documentation.
Tumult Hype includes support for easily adding any font offered by Google Fonts to your document. You can also quickly add custom web fonts you define in the Add Fonts… button in the document inspector.
For an introduction to some concepts in web typography, read this post.
To embed a Typekit font in Tumult Hype, click Add Fonts, select ‘Custom’ and insert your Typekit code in the provided box:
In that same box, define the ‘font-family’.
Make sure you add ‘localhost’ to your allowed development domains. (Follow these instructions).
Font Awesome, or icon-based fonts
Add Font Awesome to your document by using the CDN version of Font Awesome. The current version is 5.0.6. Add the following to the head of your document:
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
Next, uncheck ‘Protect from External Styles’ in the Document Inspector, create an element, edit its inner HTML (Edit > Edit Inner HTML), and insert your font awesome icon code:
<i class="fa fa-camera-retro"></i>
Example document: font-awesome-5.hype.zip (127.5 KB)
For more icons and icon-based fonts, please see this page.
Using fonts from your Computer
Font Squirrel is your best bet: