How to change font size locally

Authoring Twine
1

If you are requesting technical assistance with Twine, please specify:
Twine Version: 2.3.14
Story Format: Sugarcube

Hi, any help on this would be much appreciated. I’ve managed to change font and colour; somehow after 30mins of Googling I can’t find how to do this with font size. Thanks in advance!

1 Like
2

Hi!

You can use the font-size property to change it. For example (the following examples have to be put in your Story Stylesheet):

body {
 font-size: 200% 
}

will change the font size to 200% all across the story.

.passage {
  font-size: 200%
}

will change it only in the passages (not the sidebar etc.)

A custom class (you can change the “bigfont” name to anything you like) will change only the text you place inside the corresponding span:


.bigfont {
font-size: 200%  
}

(this goes in the story stylesheet, then in a passage:

The font will be standard size. <span class = "bigfont">This will be the size set in "bigfont"</span>
)

1 Like
3

Thatt’s comprehensive, should cover all my needs. Thanks!