Dice Symbols

See Style Guide for details on how to use the Edge of the Empire text styles for Obsidian Portal.

Star Wars Dice Symbols

Here are examples of the ways to use the Star Wars Roleplaying Game dice and other symbols in your Obsidian Portal documents:

Ability dice: <i class=‘ability’></i>
Proficiency dice: <i class=‘proficiency’></i>
Difficulty dice: <i class=‘difficulty’></i>
Challenge dice: <i class=‘challenge’></i>
Force dice: <i class=‘force’></i>
Success symbols: <i class=‘success’></i>
Failure symbols: <i class=‘failure’></i>
Advantage symbols: <i class=‘advantage’></i>
Threat symbols: <i class=‘threat’></i>
Triumph symbols: <i class=‘triumph’></i>
Despair symbols: <i class=‘despair’></i>
Boost symbols: <i class=‘boost’></i>
Setback symbols: <i class=‘setback’></i>
Light Force Point symbols: <i class=‘light’></i>
Dark Force Point symbols: <i class=‘dark’></i>
Generic Force Point symbols: <i class=‘forcepoint’></i>

Example 1: Using the symbols

To repair the droid is a Hard () Mechanics check with .

To talk your way past the cantina’s bouncer is an Average ( Charm check. Add if the PC is a Twi’lek.

On the bouncer tells you about the secret basement lab.

The bouncer has a Discipline ability of .

Here is the code:

To repair the droid is a *Hard (<i class="hard"></i>) Mechanics check* with <i class="setback"></i><i class="setback"></i>.

To talk your way past the cantina's bouncer is an *Average (<i class="challenge"></i><i class="difficulty"></i> Charm check*. Add <i class="boost"></i> if the PC is a Twi'lek.

On <i class="success x2"></i> the bouncer tells you about the secret basement lab.

The bouncer has a Discipline ability of <i class="proficiency"></i><i class="ability"></i>.

Dice pools can also exist inside blockquotes:

Ability dice: <i class=‘ability’></i>
Proficiency dice: <i class=‘proficiency’></i>
Difficulty dice: <i class=‘difficulty’></i>
Challenge dice: <i class=‘challenge’></i>
Force dice: <i class=‘force’></i>
Success symbols: <i class=‘success’></i>
Failure symbols: <i class=‘failure’></i>
Advantage symbols: <i class=‘advantage’></i>
Threat symbols: <i class=‘threat’></i>
Triumph symbols: <i class=‘triumph’></i>
Despair symbols: <i class=‘despair’></i>
Boost symbols: <i class=‘boost’></i>
Setback symbols: <i class=‘setback’></i>
Light Force Point symbols: <i class=‘light’></i>
Dark Force Point symbols: <i class=‘dark’></i>
Generic Force Point symbols: <i class=‘forcepoint’></i>

Or sidebars:

Or examples:

Example 2: Dice symbols

Ability dice: <i class=‘ability’></i>
Proficiency dice: <i class=‘proficiency’></i>
Difficulty dice: <i class=‘difficulty’></i>
Challenge dice: <i class=‘challenge’></i>
Force dice: <i class=‘force’></i>
Success symbols: <i class=‘success’></i>
Failure symbols: <i class=‘failure’></i>
Advantage symbols: <i class=‘advantage’></i>
Threat symbols: <i class=‘threat’></i>
Triumph symbols: <i class=‘triumph’></i>
Despair symbols: <i class=‘despair’></i>
Boost symbols: <i class=‘boost’></i>
Setback symbols: <i class=‘setback’></i>
Light Force Point symbols: <i class=‘light’></i>
Dark Force Point symbols: <i class=‘dark’></i>
Generic Force Point symbols: <i class=‘forcepoint’></i>

Multiple symbols

For all symbols except , , , and you can add a class to show multiple symbols: x2, x3, x4 or x5.

You could have <i class=‘ability’></i> or <i class=‘ability x2’></i> or <i class=‘ability x3’></i> or <i class=‘ability x4’></i> or <i class=‘ability x5’></i>.

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

You could have or or or or .

How to do it

You’ll need the images, which you can download from here:

Star Wars RPG Dice Symbols and Images

I’d appreciate it if you would host the images yourself for your own sites, rather than linking to the ones in my Dropbox :)

Download the contents of the following file and add it to your custom CSS:

Star Wars Custom CSS

Dice Symbols

Explorers on the Edge isaacpriestley isaacpriestley