In our recent Continuation Bet article we show cards in this highly readable way:
Required Cookies & Technologies. Some of the technologies we use are necessary for critical functions like security and site integrity, account authentication, security and privacy preferences, internal site usage and maintenance data, and to make the site work correctly for browsing and transactions. Icons and avatars for WSOP mobile game. WSOP -icons and avatars Icons and avatars for WSOP mobile game.
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♥</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
Poker Icon Names
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
Poker Icon Name List
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.