An updated version of this article now that <font> seems to be deprecated: https://www.googlecloudcommunity.com/gc/Technical-Tips-Tricks/HTML-adding-up-and-down-arrow-to-value...
html:
{% if value > 0 %}
{% assign indicator = "green,▲" | split: ',' %}
{% elsif value < 0 %}
{% assign indicator = "red,▼" | split: ',' %}
{% else %}
{% assign indicator = "black,▬" | split: ',' %}
{% endif %}
{{rendered_value}}
<span style = "color:{{indicator[0]}}">
{{indicator[1]}}
</span>;;
}