"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

Download: Live Example

Twee Code

:: StoryTitle
Harlowe: Google Fonts

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

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

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

Download: Twee Code

results matching ""

    No results matching ""