Class BpxFontConfigSaint11Minimal4

A free to use (CC-0) font created by saint11 and distributed on https://saint11.org/blog/fonts/

Note: only a subset of characters is implemented here:

. : ! ? ' " * / + -
0 1 2 3 4 5 6 7 8 9
% $ ( ) [ ] { } < >
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m      (note: both upper- and lower-case
n o p q r s t u v w x y z             characters use same glyphs)

Implements

Constructors

constructor

Methods

mapGrapheme

Properties

ascent descent glyphs lineGap

Constructors

constructor

Methods

mapGrapheme

  • mapGrapheme(grapheme): string

  • This functions maps the text grapheme (a user-perceived character like a or a multi-character emoji like ❤️) before trying to find its corresponding glyph in a glyphs map. It would be typically used to call grapheme.toLowerCase() in fonts which have glyphs defined for lower-case characters only.

    Parameters

    • grapheme: string

    Returns string

Properties

ascent

ascent: number = 4

An amount of pixels from the baseline (included) to the top-most pixel of font's glyphs.

descent

descent: number = 0

An amount of pixels from the baseline (excluded) to the bottom-most pixel of font's glyphs.

glyphs

glyphs: Map<string, BpxGlyph> = ...

A map which contains the glyphs for specified graphemes (keys of the map). Grapheme is a user-perceived character like a or a multi-character emoji like ❤️. Before retrieving a glyph from this map, a grapheme is normalized with use of mapGrapheme function. Typically, it would be useful when you want to specify same glyphs for both upper-case and lower-case characters, so you are able to define lower-case ones only and then implement mapGrapheme as grapheme.toLowerCase().

lineGap

lineGap: number = 2

An amount of pixels between the bottom-most pixel of the previous line (excluded) and the top-most pixel of the next line (excluded).

Settings

On This Page

Constructors
Methods
Properties