Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
32 lines (19 sloc) 978 Bytes

"Google Fonts": Harlowe (v2.0)

Summary

"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

<iframe src="harlowe_googlefonts_example.html" height=400 width=90%></iframe>

Download: Live Example

Twee Code

:: StoryTitle
Harlowe: Google Fonts

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

:: Start
(font:"Roboto")[This text is styled by a Google Font]

Download: Twee Code