Quantcast
Channel: Help! with 2.0 - Twine Forum
Viewing all articles
Browse latest Browse all 1844

Using Google Fonts in Harlowe

$
0
0
Hey! This isn't a question, just an explanation for posterity. If it counts as spam or anything, by all means feel free to delete or lock this.

Using a Google Font in Harlowe

1. Click the name of your story, next to the house/home icon.
2. Click 'Edit CSS Stylsheet'
3. Go to the Google Font you want to use
4. Look for the "@import url" section. In the new Google Fonts 2.0 , you can find it under the 'embed' tab.

Paste that bad boy into your Stylesheet at the very top. For example,
@import 'https://fonts.googleapis.com/css?family=Exo+2';
Then, paste the following into your stylesheet right below it.
html {
	font: 100% 'Exo+2', sans-serif;
}
tw-story {
	font-size: 1.1em;
}

Replace 'Exo+2' and sans-serif with the listed items on that page for Google Fonts. It might be 'serif' for example.

The end result? You'll get something like this for Oswald:
@import url(https://fonts.googleapis.com/css?family=Oswald);

html {
	font: 100% 'Oswald', sans-serif;

}
tw-story {
	
}

Viewing all articles
Browse latest Browse all 1844

Trending Articles