"Google Fonts": Sugarcane (v1.4.2)

Note: The following example is designed for Twine 1.4.2.


"Google Fonts" uses a Google Font loaded via the CSS @import at-rule. A class style rule ("googleFont") is then created using the imported font-family and applied to a <div> element within a single passage.

Other Google Fonts could be imported and applied using the same method, creating new class or ID style rules to be applied for and across different HTML elements in the same way.

Live Example

Download: Live Example

Twee Code

:: Start
<div class="googleFont">This text is styled using a Google Font</div>

:: StoryStylesheet [stylesheet]
@import url('https://fonts.googleapis.com/css?family=Roboto');

.googleFont {
    font-family: 'Roboto', sans-serif; 

:: StoryTitle
Responsive: Google Fonts

:: StoryAuthor

Download: Twee Code

results matching ""

    No results matching ""