{"library":"mapbox-to-css-font","title":"Mapbox/MapLibre to CSS Font Utility","description":"mapbox-to-css-font is a focused JavaScript/TypeScript utility designed to convert Mapbox GL Style font definitions, whether single font names or complex fontstacks, into a CSS-compatible `font` shorthand string. The package is currently at version 3.2.0 and is actively maintained, with recent minor releases addressing bug fixes and dependency updates. Its primary function involves parsing Mapbox-specific font declarations and generating a standard CSS font property string, handling details like font size and line height. A key differentiating feature is its intelligent font replacement mechanism, which substitutes common Mapbox/MapLibre fonts (e.g., \"Arial Unicode MS\", \"DIN Pro\") with widely available system fonts or open-source alternatives like Arial or Barlow, ensuring visual consistency when the original fonts are not present. It also correctly extracts style and weight from the primary font within a fontstack and applies it consistently.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install mapbox-to-css-font"],"cli":null},"imports":["import parseFont from 'mapbox-to-css-font';","import type { parseFont } from 'mapbox-to-css-font';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import parseFont from 'mapbox-to-css-font';\n\n// Example 1: Single font name\nconst cssFont1 = parseFont('Open Sans Regular', 16, 1.2);\nconsole.log(`Single font: ${cssFont1}`);\n// Expected: 'normal 400 16px/1.2 \"Open Sans\"'\n\n// Example 2: Fontstack with Mapbox-specific replacement\nconst cssFont2 = parseFont(['DIN Pro Medium', 'Arial Unicode MS Regular'], 18);\nconsole.log(`Fontstack (DIN Pro): ${cssFont2}`);\n// Expected: 'normal 500 18px \"Barlow\", \"Arial\"'\n\n// Example 3: Fontstack without line height\nconst cssFont3 = parseFont(['Roboto Bold', 'sans-serif'], 20);\nconsole.log(`Fontstack (Roboto Bold): ${cssFont3}`);\n// Expected: 'normal 700 20px \"Roboto\", sans-serif'","lang":"typescript","description":"Demonstrates converting single Mapbox font names and fontstacks into CSS `font` properties, including how the utility handles font replacement and style extraction.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}