Labels are totally wrong: fonts are mixed in the same label ! HELP...

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

I’m using a custom font to display labels,

as you can see in the picture in the same label the standard serif font is “mixed” with my custom font

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

@font-face { font-family: Acumin-bold; src: url("../fonts/Acumin-BdPro.otf") format("opentype"); }


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

label: {


font: ‘24px Acumin-bold’,

fillColor: Cesium.Color.WHITE,

outlineColor: Cesium.Color.BLACK,

outlineWidth: 3,

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.

To use a custom font for labels

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


Your JavaScript code to create the labels is running before the browser has loaded the font. There are many ways to detect whether a font-face has loaded before running your application, for example:

Thnak-you Scott,
but this is not the problem.

I can’t use my font neither waiting A LOT of time before to draw the label…