How to use the Cards and Dice Font
Cards-and-Dice: the Font
The Cards-and-Dice-2024 (v1.1) font is installed on the wiki and allows any user to place polyhedral dice, poker cards, and Zark City cards into any page using only text. To do this, you must use the template set up specifically for it.
Displaying Cards
Simply place your text within double brackets and type a name, color, and size.
General-rules example:
Actual real-world example:
- CD: The template designation
- :heart7 The nickname for the icon, in this case a Heart suit with the rank 7.
- red: The color you want the icon to be. (This can also be entered in hex color codes like #ff00e0)
- 3em: How big you want the icon to be
Bare bones example:
- CD: The template designation
- :starj The nickname for the icon, in this case a star suit of rank jack
- No color specified, so the pyramid will default to black
- No size specified, so the pyramid size will default to 1em
Size specified but not color example:
- Because of the way the template is set up, the name, color, and size must be in order.
- This means that when you want to specify a size but not a color, you need to leave a blank pipe where the color would be.
- If you forget to leave a blank pipe and you instead type this: {{CD|::star2|3em}}, the Wiki will interpret your desired color as "3em" and not know what that color is, so it will default to black instead. And since it expects a size last and won't see one, it will default to size 1em. So remember to put in that extra pipe to designate size without color.
Naming Convention
Each symbol that it's possible to display with the Cards and Dice font has a particular name that you need to put after a colon. The names are pretty easy to guess once you know the basic rules. For cards:
- The first letter will always be the suit of the card. You'll type club, diamond, heart, spade, or star.
- The next next letters will be the rank of the card you're displaying. A, 2, 3, up to K. You can use uppercase or lowercase.
Examples in Tables
Here are example cards displayed in their traditional colors for poker cards.
| {{CD|:diamondA|red|3em}} | {{CD|:club2|black|3em}} | {{CD|:heart3|red|3em}} | {{CD|:spade4|black|3em}} |
Examples Side by Side with No Spacing
Zark City Style
And here are example cards displayed in the colors that match the Zark City deck.
| {{CD|:diamondA|darkturquoise|3em}} | |
| {{CD|:club2|green|3em}} | |
| {{CD|:heart3|red|3em}} | |
| {{CD|:spade4|purple|3em}} | |
| {{CD|:star5|orange|3em}} |
To keep the poker cards from jutting up against the borders of the table, add this line to the first row of your table:
|style="padding:15px;"|For comparison, without the spacing, it looks like this.
| {{CD|:diamondA|darkturquoise|3em}} | |
| {{CD|:club2|green|3em}} | |
| {{CD|:heart3|red|3em}} | |
| {{CD|:spade4|purple|3em}} | |
| {{CD|:star5|orange|3em}} |
Other Symbols
There are also a few extra symbols in the font that make it easy to indicate what materials are needed for a given game.
Displaying Polyhedral Dice
You can represent all of the common polyhedral dice, with all faces, using this font. Naming convention:
- D4 = four-sided die
- D6 = six-sided die with pips
- D6n = six-sided die with numerals
- D8 = eight-sided die
- D10 = ten-sided die
- D10p = ten-sided percentage die
- D20 = twenty-sided die
After the type of die, place a hyphen followed by the number you want it to display.
If I want to display a ten-sided die that shows the numeral 9, and I'd like it to be a green die, I would type: {{CD|:D10-9|green|3em|}}
which would yield:
You can use capital or lowercase letters for the 'D'.
Example
Actual real-world example:
- CD: The template designation
- :d12-11 The type of die (d12=twelve-sided die) followed by the number you want it to display (in this case, 11).
- purple: The color you want the icon to be. (This can also be entered in hex color codes like #ff00e0)
- 3em: How big you want the icon to be
Examples of All Polyhedral Dice
| {{CD|:d4-4|coral|3em}} | {{CD|:d6-6|goldenrod|3em}} | {{CD|:d6n-6|gold|3em}} |
| {{CD|:d8-8|teal|3em}} | {{CD|:d10-10|seagreen|3em}} | {{CD|:d10p-70|green|3em}} |
| {{CD|:d12-12|cornflowerblue|3em}} | {{CD|:d20-17|royalblue|3em}} | {{CD|:d20-20|navy|3em}} |
Blank Dice
Blank dice can be displayed by leaving off the hyphen and numeral:
| {{CD|:d4|red|3em}} | {{CD|:d6|orange|3em}} | {{CD|:d8|green|3em}} |
| {{CD|:d10|turquoise|3em}} | {{CD|:d12|blue|3em}} | {{CD|:d20|purple|3em}} |
See also How to Use Pyramid Love Font for information on the font that lets you display pyramids. Go to Grids and Chessboards for ready-made grids you can paste into your rules pages.
Testing EMs
testtext5em =
testtext4em =
testtext3em =
testtext2em =
testtext1em =
all at 2em
testtext2em =
testtext2em =
testtext2em =
testtext2em =
testtext2em =
all at 3em
testtext3em =
testtext3em =
testtext3em =
testtext3em =
testtext3em =
paragraph text with 3em inline cards
Bob Ross placeholder text begin. I started painting as a hobby when I was little. I didn't know I had any talent. I believe talent is just a pursued interest. Anybody can do what I do. Just go back and put one little more happy tree in there. Everybody's different. Trees are different. Let them all be individuals. We'll put some happy little leaves here and there. These things happen automatically. All you have to do is just let them happen. Everyone wants to enjoy the good parts - but you have to build the framework first. Let's do that again. I'm gonna start with a little Alizarin crimson and a touch of Prussian blue. The very fact that you're aware of suffering is enough reason to be overjoyed that you're alive and can experience it. If you do too much it's going to lose its effectiveness. If you don't think every day is a good day - try missing a few. You'll see. In life you need colors. Fluff it up a little and hypnotize it. We can fix anything. Automatically, all of these beautiful, beautiful things will happen. There we go. Look at them little rascals.
Ace through King in Clubs
texttexttexttexttexttexttexttexttexttexttexttext