topic Re: TextSymbol on GraphicsLayer doesn't support most fonts compared to esri 3 in ArcGIS JavaScript Maps SDK Questions

TextSymbol on GraphicsLayer doesn't support most fonts compared to esri 3

JacksonQiu — Fri, 20 Oct 2023 21:35:39 GMT

Hello, our team displays esri Graphics on a GraphicsLayer and we have a second GraphicsLayer with textSymbols on them that represent labels of the graphics. In esri 3, we were able to set the family of esri.Font to be any font, including fonts that might be acquired through the browser from a third party like google fonts.

From the new esri 4 API https://developers.arcgis.com/javascript/latest/labeling/#custom-fonts-and-disconnected-environments it sounds like "In 2D MapViews, the fonts files used are pbf for all non-MapImageLayer layers and for TextSymbol, and woff2 for renderPreviewHTML." describes our situation.

This would be a breaking change for us as we've found that setting font family in the same way in most cases leads to a fallback case being hit. The only font that supports all our needs from the current font server is Arial. Does anyone have any suggestions?

Re: TextSymbol on GraphicsLayer doesn't support most fonts compared to esri 3

JoelBennett — Fri, 20 Oct 2023 23:40:46 GMT

When using a GraphicsLayer, only the fonts listed in the Non-MapImageLayer fonts section are supported by default. Technically any font in pbf format is supported, but last I checked (which was awhile ago), there didn't seem to be a way to convert ttf fonts to pbf format. If there was such a way, that could solve the problem, since one could set up their own repository with their own pbf files.

If you could find ttf versions of the fonts listed in the aforementioned section of the documentation, you could install them on the machine hosting ArcGIS Server, and they would then be supported both on client and server. Otherwise, yes, Arial is pretty much the only font supported by both the server and the JavaScript SDK.

Re: TextSymbol on GraphicsLayer doesn't support most fonts compared to esri 3

JonathanTiu — Sat, 21 Oct 2023 01:36:45 GMT

I think what Jackson is asking is that in esri 3 for GraphicLayer, you could specify any font for esri.Font including any user browser installed font. But in esri 4, according to https://developers.arcgis.com/javascript/latest/labeling/#custom-fonts-and-disconnected-environments

you can't do that anymore in the GraphicsLayer. Only MapImageLayer and 3D scene view seem to support user browser installed fonts. That appears to be the breaking change from esri 3 to 4.

Re: TextSymbol on GraphicsLayer doesn't support most fonts compared to esri 3

Noah-Sager — Sat, 21 Oct 2023 19:47:58 GMT

I think both @JoelBennett and @JonathanTiu are correct.

For additional information, we changed the implementation of how we handle font resources at version 4.8: https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/labeling-in-2d/