JSFiddle - React, Tailwind, and code Playground

HTML

<p class="arial">
    &#x25a0; &#x25cf; &#x25b2; &#x25bc; &#x25c4; &#x25ba; &#x2665;
</p>
<p class="wingdings">
    &#xf0ac; &#xf0ab; <span class="ok">&#xf0fe;</span>
</p>

CSS

body {
    color: red;
    font-size: 100px;
}
.arial {
    font-family: Arial;
}
.wingdings {
    font-family: Wingdings;
}
.ok {
    color: green;
}