+1 vote
by (170 points)
I am fairly new to CSS, JavaScript, HTML and Twine.

I'm using Twine 2.1 and SugarCube 2.18 and would like to know if it's possible to put icons from "Font Awesome" on the buttons of the UI Bar?

1 Answer

+1 vote
by (68.6k points)
selected by
Best answer

If you mean on the "buttons" created by a passage like the StoryMenu special passage, then yes—though, how precisely depends on exactly what kind of markup you're using.  If you meant something else, then you need to be specific.

For example, using their generally suggested method of an <i> tag:

/* With a simple passage link */
<a data-passage="Passage Name"><i class="fa fa-pencil fa-fw"></i>Link Text</a>

/* With the <<link>> macro (watch your quotes) */
<<link '<i class="fa fa-pencil fa-fw"></i>Link Text' "Passage Name">>…<</link>>


by (170 points)
Thanks TheMadExile, it's exactly what I wanted to know.