+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.
Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.