How to use card suit symbols (♥♦♠♣) on your computer

In our recent Continuation Bet article we show cards in this highly readable way:

card_suits_text

The cards can be copy and pasted, printed, and viewed on any device, and it is pure text. Here’s how you can embed card suit symbols for hearts, diamonds, spades, and clubs directly into your text.

In HTML

Use so-called HTML entities, as follows:

  • ♥ – type ♥ into your HTML document. Make sure to start with an ampersand, finish with a semi-colon, and use no spaces between the ampersand and semi-colon
  • ♦ – type ♦ into your HTML document
  • ♠ – type ♠ into your HTML document
  • ♣ – type ♣ into your HTML document

So, for example, if you want A♥K♦, then type A♥K&diamonds; into your HTML editor.

For colours, you can use inline CSS as follows <span style=’color: red’>A&hearts;</span>

Naturally it is best not to inline the CSS style, and instead to create a custom class you can reuse.

In a text editor or document editor

Copy and Paste (Mac and Windows)

Copy and paste the characters directly from this page, one at a time or all four at once: ♥♦♠♣

Yes, these can be treated like any pure text.

Mac

On macOS, you can use the “Emojis and Symbols” viewer to find these characters and many more. Just type Cmd+Ctrl+space whenever your Mac is expecting you to type, and this will appear.

Windows, Linux, and non-Mac devices

I don’t know how to do this on Windows or Linux as I mostly work on a Mac. Sorry.