Code Monkey home page Code Monkey logo

font-maker's Introduction

font-maker

The easiest way to turn your custom fonts into files compatible with MapLibre GL (and Mapbox GL too).

For other prepared fonts, look at maplibre/demotiles/font instead.

Usage

  • Go to the web app at maplibre.org/font-maker/ and select your file.

  • Wait for the progress bar to complete and download your ZIP containing all ranges for the font.

Installation

You don't need to install anything to create SDF fonts, just use the page above.

For command line usage and developing, see CONTRIBUTING.md

Caveats

If the MapLibre renderer does not find a matching codepoint in the current font, it will skip display of that character.

CJK (Chinese, Japanese, Korean) text

The font-maker demo app has local ideographs enabled which is the default for most MapLibre applications. Generated fonts that include CJK ranges will display system default fonts instead of generated fonts.

CTL (Complex Text Layout) scripts

Certain scripts cannot be rendered in MapLibre GL, affecting at least these languages:

  • Burmese: OSM tag name:my
  • Hindi name:hi
  • Marathi name:mr
  • Gujarati name:gu
  • Punjabi name:pa, name:pnb
  • Assamese name:as
  • Bengali name:bn
  • Oriya name:or
  • Telugu name:te
  • Kannada name:kn
  • Tamil name:ta
  • Malayalam name:ml

Labels using these scripts have been excluded from the sample capital cities dataset.

Discussion

Join the #maplibre slack channel at OSMUS: get an invite at https://slack.openstreetmap.us/

font-maker's People

Contributors

bdon avatar chrisloer avatar ramseraph avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.