Variable mapFonts`Const`

mapFonts: readonly [
    "Noto-Regular",
    "NotoSans-MediumItalic",
    "Noto-Bold",
    "Noto-Medium",
    "NotoSans-RegularItalic",
    "NotoSans-BoldItalic",
    "NotoSerif-Regular",
    "NotoSerif-Medium",
    "NotoSerif-Bold",
    "NotoSerif-RegularItalic",
    "NotoSerif-MediumItalic",
    "NotoSerif-BoldItalic",
] = ...

All font faces available in the TomTom map style.

Remarks

Use it to select or validate fonts when creating custom layers. The Noto-* faces draw every script the map labels in. The NotoSerif-* faces draw no Arabic, and the NotoSans-*Italic faces only Latin, Greek and Cyrillic, so end a stack that names one with the Noto-* face of the same weight.

Example

import { mapFonts } from '@tomtom-org/maps-sdk/map';

// Check if a font is available
if (mapFonts.includes('Noto-Bold')) {
  // Use the font
}

// Use as fallback list
const textLayer = {
  type: 'symbol',
  layout: {
    'text-font': [...mapFonts]
  }
};

Variable mapFontsConst

Remarks

Example

Settings

Variable mapFonts`Const`