External Web Fonts
Creating a good font stack is difficult because there are very few typefaces you can count on a majority of your players having installed. Fortunately, you aren't limited to what your players happen to have installed–instead, you can use web fonts.
Using Google Fonts
Google provides a wide variety of freely-usable fonts through their Google Fonts service. To use Google Fonts in your story, first find the embed code for the families you wish to use:
Copy the embed code that Google Fonts offers you, i.e.
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">, and set the variable
config.style.googleFont to it in your first passage. You can then use the font name anywhere in the rest of
config.style as usual:
config.style.googleFont: '<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">' config.style.page.font: 'Open Sans/sans-serif 18' -- Welcome aboard the U.S.S. Hood.
Note that because
config.style.googleFont is a string, you must put single quotes around its value. (It's much easier to type single quotes here, since the embed code has double quotes in it.)
Using Adobe Typekit Fonts
Adobe Typekit serves a similar purpose to Google Fonts, but most of its collection requires an Adobe Creative Cloud subscription to use. That said, it does permit free use of some of its font families.
Once you've assembled a kit–Adobe's terminology for one or more font families you plan to use–find its embed code in Typekit.
Copy the default code, i.e.
<link rel="stylesheet" href="https://use.typekit.net/abcdefgh.css">, and set the variable
config.style.typekitFont to it in your first passage. As with Google Fonts, you can then use the font name anywhere in the rest of
config.style.typekitFont: '<link rel="stylesheet" href="https://use.typekit.net/abdefgh.css">' config.style.page.font: 'Open Sans/sans-serif 18' -- Welcome aboard the U.S.S. Hood.
Other Web Fonts
It is possible to embed web fonts you have purchased or obtained outside these services–this will be documented in a later version of this guide.