Arcade supporting the font html tag

[JaysonLindahl]

I'm using the font html tag and the color attribute to return colored labels.  I've read online that arcade supports this html tag.  Here is my script:

var pct = $feature.PCT_NO;

var label = "Precinct " + $feature.PCT_NO;

var color = when(

  pct == 1, "#FF0000",

  pct == 2, "blue",

  pct == 3, "green",

  pct == 4, "orange",

  "black"

);

return "<font color='" + color + "'>" + label + "</font>";

What is returned on the map is not colored text, but the actual html text in black.

pctlabelsarcade.png

[KenBuja · Accepted solution]

Unfortunately, unlike ArcGIS Pro, you can't use formatting tags in a label in a web map. The way around that limitation would be to use a different label classes for each color.

For example, these labels were created using two label classes

Snag_6adc62.png

The Deep label class uses the expression 

if ($feature.Depth_ft > 30) return $feature.Depth_ft

while the Shallow label classes uses this expression

if ($feature.Depth_ft <= 30) return $feature.Depth_ft