Labels display incorrectly on mobile after upgrading to Cesium 1.63.1

CesiumJS
1

1. A concise explanation of the problem you’re experiencing.

After upgrading from Cesium 1.62 to 1.63 / 1.63.1 labels on mobile device have too much space between letters and some characters are not inline

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

viewer.entities.add({

position: Cesium.Cartesian3.fromDegrees(result.longitude, result.latitude),

label: {

text: result.city,

font: font,

fillColor: Cesium.Color.WHITE,

outlineColor: Cesium.Color.BLACK,

outlineWidth: 2,

style: Cesium.LabelStyle.FILL_AND_OUTLINE,

verticalOrigin: Cesium.VerticalOrigin.BOTTOM,

heightReference: Cesium.HeightReference.NONE,

pixelOffset: new Cesium.Cartesian2(0, -5),

translucencyByDistance: new Cesium.NearFarScalar(minDistance, 1.0,

maxDistance, 0.0),

disableDepthTestDistance: Number.POSITIVE_INFINITY,

}

});

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

4. The Cesium version you’re using, your operating system and browser.

1.63.1

2

This was an issue in 1.63 and was fixed in 1.63.1 (see https://github.com/AnalyticalGraphicsInc/cesium/pull/8351#issuecomment-549453868).

So you shouldn’t see if it you’re using 1.63.1. Are you able to reproduce this in Sandcastle?

3

It’s weird, on Sandcastle it display correctly…
Please could you tell me if I’m using the right version on this line

?

Many thanks

4

This is the styling code from 1.63.1. You need to make sure you’re using the JavaScript code as well. That’s the script tag included in the tutorial here:

https://cesium.com/docs/tutorials/getting-started/