Text Symbol Bug in 4.10 with icons

BrandonFlessner

I'd like to use Font Awesome or Bootstrap Glyphicons as point text symbols. This used to work in previous versions of the API but now throws an error: "Couldn't find font glyphicons-halflings-regular. Falling back to Arial Unicode MS Regular" Here is a sample:

https://codepen.io/anon/pen/eXwRvR

Relevant code:

<SPAN class="keyword token">const</SPAN> textSymbol <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
        type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"text"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// autocasts as new TextSymbol()</SPAN>
        color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"#7A003C"</SPAN><SPAN class="punctuation token">,</SPAN>
        text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"\ue021"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// glyphicon home</SPAN>
        font<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="comment token">// autocasts as new Font()</SPAN>
          size<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">36</SPAN><SPAN class="punctuation token">,</SPAN>
          family<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Glyphicons Halflings"</SPAN>
        <SPAN class="punctuation token">}</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

If you change "4.9" to "4.10" on line 17 in the codepen sample, it will break. Any ideas??

Noah Sager

Hi Brandon. At  version 4.10, we converted all layers in 2D MapViews to use WebGL. As part of this, we had a breaking change with the TextSymbol and Esri Icon Fonts:

https://developers.arcgis.com/javascript/latest/guide/release-notes/index.html#breaking-changes

Note that font family name has changed to "calcite-web-icons", and the TextSymbol now expects a resource in .pbf format. Also the default directory for finding these .pbf files will be https://static.arcgis.com/fonts

Soon you will have the ability to publish your own .pbf files, but until then, I don't think you will be able to work with the resource above. Hope this helps.

-Noah