Skip to content
Giovanni Bajo edited this page Jun 28, 2024 · 20 revisions

Mkfont is the tool that is used to import a font from TrueType / OpenType format and convert it into the libdragon native .font64 format. Mkfont is a sophisticated tool that performs many advanced optimizations automatically depending on the provided file. This page explains the various options and give some examples of the possible conversions.

In addition to TrueTypes, mkfont also supports bitmap fonts in the BMFont format. AngelCode BMFont is a tool that is normally used to convert TrueTypes to bitmaps, but it has also become a standard for providing bitmap fonts in PNG format and their associated metadata (list of glyphs, positions within the picture, etc.). Notice that you shouldn't use the BMFont to convert TrueType fonts (mkfont has many more N64-specific optimizations); the support is meant just for bitmap formats.

To quickly test a font, just drop it among the assets of the fontgallery example and rebuild it. You can tweak conversions options in the Makefile if needed, but default conversion often gives a first reasonable result.

If you want to learn how to draw text on the screen using a .font64 file crated by Mkfont, you can have a look at the documentation at the top of rdpq_text.h to get a feeling of the API. The documentation there contains also several examples.

Supported font types

rdpq_font currently supports 5 different font types:

Name High contrast Low contrast
Monochrome. Old school fonts, hand drawn pixel by pixel. Each pixel is either solid or transparent, there is no aliasing. Today they are shipped in TTF format. These fonts lack an outline so typically they don't look very well in a low contrast setting. Screenshot 2024-06-24 alle 13 59 49 Screenshot 2024-06-24 alle 13 59 52
Monochrome with outline. mkfont allows to add an outline to monochrome fonts during conversion. Doing this to monochrome fonts usually helps a lot with readability in low-contrast setting, at the expense of making the font roughly twice as big in memory. Both the color of the fill and the color of the outline can be changed at runtime. Screenshot 2024-06-24 alle 13 57 11 Screenshot 2024-06-24 alle 13 57 34
Aliased. This is a standard, modern font face. While technically the font is still made of a single color, the font is fully anti-aliased (as each pixel encodes a transparency factor, like an alpha channel). Aliased fonts look extremely beautiful and round on CRTs even at 320x240, but sometimes they look a bit "blurry" in emulators (especially without upscaling). Screenshot 2024-06-24 alle 13 58 23 Screenshot 2024-06-24 alle 13 58 26
Aliased with outline. Just like for monochrome fonts, mkfont also allows to create outlines for aliased fonts. In this case, the size of the outline can be tuned with subpixel precision, so for instance it is possible to request a 1.5 pixel outline for a slightly bolder look. Both the outline color and the fill color can be changed at runtime. Screenshot 2024-06-24 alle 15 48 45 Screenshot 2024-06-24 alle 15 48 51
Bitmap fonts. These fonts do not come from TTF files but rather BMFont files, so they are shipped as PNGs. This gives full creativity to the designer, as the font can embed gradients, or colors of any sort. Obviously, the font color cannot be changed at runtime, as it is pre-colored. At the same time, the font can contain outlines or drop-shadows to help in low contrast settings. Screenshot 2024-06-24 alle 15 51 13 Screenshot 2024-06-24 alle 15 51 19

For TTF fonts, mkfont will automatically detect if a file is aliased or monochrome and choose the appropriate type. To add an outline, you must specify --outline 1 on the command line (see below). If you want an aliased font file to render in monochrome, you can use --monochrome, but normally the result is not very pretty.

Technical details on atlas generations

When mkfont processes a font, it creates texture atlases, which are bitmaps where all glyphs are rasterized and packed together in the smallest possible form factor, while still respecting N64 RDP hardware texture limits.

Screenshot 2024-06-17 alle 17 50 32

Depending on the font type (explained before), atlases use different pixel formats.

  • Monochrome, no outline: in this case, atlases are generated using a special 1 bpp packed format, since each texel requires just 1 bit to encoded. While RDP does not natively support 1 bpp, a trick is used by encoding 4 layers into a CI4 atlas and then using special palettes to isolate each layer. Fonts packed in this format are extremely tight.
  • Monochrome, outline: in this case, atlases are generated using a special 2 bpp packed format. In fact, for each texel we have 3 possible values to encode: either the texel is transparent, or it is part of the outline, or it is part of the glyph. This means that 2 bits are enough, and using a trick similar to the previous one, we can encode two layers into a CI4 atlas.
  • Aliased, no outline: in this case, atlases are generated using the I4 texture format (4 bpp). Each texel encodes up to 16 levels of transparency (coverage) that are used to reproduce the aliasing effect. As described above, the effect happens to work much better on CRTs than on emulators.
  • Aliased, outline: in this case, atlases are generated using the IA8 texture format (8 bpp). Each texel encodes up to 16 levels of transparency in the alpha channel, and up to 16 color gradients interpolating between the fill color and the outline color.
  • Bitmap: by default, fonts are converted into textures in RGBA16 format, as we assume this format is used for very colorful fonts. mkfont currently doesn't have any logic to automatically switch to a lighter texture format, but you can use --format to change it manually. Supported formats are: RGBA32, RGBA16, CI8, CI4.

Excluding the bitmap format, in all other cases, fonts are encoded without specific colors, so that it is possible to choose the colors at runtime, and even switch between different styles using the same font.

Basic mkfont usage

In its most basic usage, just call mkfont specifying the truetype font:

$ $N64_INST/bin/mkfont Roboto-Medium.ttf

This will generate a file called Roboto-Medium.font64 in the same directory, that can be directly used with rdpq. For instance:

const int ROBOTO = 1;

rdpq_text_register_font(ROBOTO, rdpq_font_load("rom:/Roboto-Medium.font64"));

[...]

rdpq_text_printf(NULL, ROBOTO, 100, 100, "Hello, %s!", "world");

You will normally want to run this as part of your Makefile (see fontgallery's Makefile for an example), but running mkfont manually can be useful to test its features.

Tip

If you use libdragon docker, remember to use libdragon exec mkfont to run mkfont, or any other tool.

Command line options

These are the command line options supported by mkfont:

mkfont -- Convert TTF/OTF/BMFont fonts into the font64 format for libdragon

Usage: ./mkfont [flags] <input files...>

Command-line flags:
   -o/--output <dir>         Specify output directory (default: .)
   -v/--verbose              Verbose output
   --no-kerning              Do not export kerning information
   --ellipsis <cp>,<reps>    Select glyph and repetitions to use for ellipsis (default: 2E,3)
   -c/--compress <level>     Compress output files (default: 1)
   -d/--debug                Dump also debug images

TTF/OTF specific flags:
   -s/--size <pt>            Point size of the font (default: whatever the font defaults to)
   -r/--range <start-stop>   Range of unicode codepoints to convert, as hex values (default: 20-7F)
                             Can be specified multiple times. Use "--range all" to extract all
                             glyphs in the font.
   --monochrome              Force monochrome output, with no aliasing (default: off)
   --outline <width>         Add outline to font, specifying its width in (fractional) pixels

BMFont specific flags:
   --format <format>         Specify the output texture format. Valid options are:
                             RGBA16, RGBA32, CI4, CI8 (default: RGBA16)

--size

This is probably the most common option that you will likely need to use. It specifies the font height in pixels at which the font should be exported. Notice that, contrary to most TrueType fonts, font64 fonts are composed with bitmaps so they cannot be resized at runtime (well they could, but they'd look horrible). The bigger the size, the bigger will be the font64 file and thus the number of different textures that the font will be split upon.

For instance, the ASCII subset of Roboto at size 13 can be exported into a single 86x64 font atlas:

$ $N64_INST/bin/mkfont -v --size 13 Roboto-Medium.ttf
Converting: Roboto-Medium.ttf -> ./Roboto-Medium.font64
asc: 13 dec: -4 scalable:1 fixed:0
processing codepoint range: 0020 - 007F
aliased glyphs detected (format: 4 bpp)
created atlas 0: 86 x 64 pixels (94 glyphs)
collecting kerning information
compressed: ./Roboto-Medium.font64 (4680 -> 3459, ratio 73.9%)

But if you try to raise the size to 16, it ends up being split into two atlases:

$ $N64_INST/bin/mkfont -v --size 16 Roboto-Medium.ttf
Converting: Roboto-Medium.ttf -> ./Roboto-Medium.font64
processing codepoint range: 0020 - 007F
aliased glyphs detected (format: 4 bpp)
created atlas 0: 126 x 64 pixels (83 glyphs)
created atlas 1: 14 x 60 pixels (11 glyphs)
collecting kerning information
compressed: ./Roboto-Medium.font64 (6592 -> 4699, ratio 71.3%)

First atlas:

Second atlas:

Multiple atlases are handled just as well at runtime by minimizing texture loads and switches, but they are still more resource intensive to handle.

--size and monochrome fonts

--size is optional: if it is not specified, the font will be output to the default size decided by the font designer. In case of an aliased font, this size is pretty arbitrary and probably has little to do with your needs. Monochrome fonts instead, when shipped in TTF format, expect to be rendered exactly at a specific size; when --size is not specified, mkfont will try and find the correct native size for the font, so that it is rendered correctly.

--outline <size>

To add an outline to fonts, use --outline <size>, where <size> specifies the size of the outline in fractional pixels. For monochrome fonts, 1 is normally the only reasonable option and it does provide the best outcome. For aliased fonts, you can play a bit with fractional values like 1.2 or 1.5 to give a slightly bolder look to the font.

Outlines are drawn by mkfont and baked into the font64 file, so they cannot be turned on and off at runtime. If for some reason you need this, you will have to export the same font twice, with and without outlines.

In general, outlines make the font64 file twice as big in memory (and also in ROM, before compression at least -- though compression ratios tend to be similar in the two cases).

--range and Unicode

By default, mkfont only exports glyphs in the ASCII range. Nonetheless, rdpq_text and mkfont are fully Unicode aware: all printing functions accept UTF-8 strings, and mkfont is able to generate fonts with glyphs coming from the full Unicode range.

To export more glyphs, you must explicitly use --range, possibly multiple times, to specify range of glyphs that you want to be exported. Please refer to an Unicode range table to quickly find interesting ranges of codepoints.

For instance, if you want to also export Hiragana and Katakana glyphs to be able to write Japanese text, use:

$ $N64_INST/bin/mkfont -v --size 13 --range 20-7F --range 3000—30FF arial-unicode-ms.ttf
Converting: arial-unicode-ms.ttf -> ./arial-unicode-ms.font64
processing codepoint range: 0020 - 007F
monochrome glyphs detected (format: 1bpp)
created atlas 0: 64 x 20 pixels (94 glyphs)
processing codepoint range: 3000 - 30FF
created atlas 1: 64 x 64 pixels (151 glyphs)
created atlas 2: 112 x 21 pixels (89 glyphs)
compressed: ./arial-unicode-ms.font64 (10464 -> 6385, ratio 61.0%)

In the above example, mkfont generates one atlas for the ASCII range, and two of them for the Katakana range. mkfont will always generate disjoint atlases for different ranges. This is because normally characters from different ranges are less likely to be used in the same text (eg: how many times the same text will mix Japanese and Greek glyphs?), with the obvious exceptions of ASCII characters.

After exporting, using Unicode glyphs is as easy as referencing them in your source code:

rdpq_text_printf(NULL, FONT_ARIAL_UNICODE, 100, 100, "いつ にほんに いきますか。");
Screenshot 2024-06-17 alle 12 31 08

The string must be written in UTF-8 in the source code, which should be the default of any modern programming editor.

Tip

mkfont will create separate texture groups for each different --range option. This provides the maximum performance if each --range roughly specifies one character set / language, with the implicit assumption that within a single printed text, there will mostly be only letters of a single charset (plus ASCII). So try to avoid large ranges like --range 20-5FF and instead split in multiple ranges, keeping always ASCII by itself.

--no-kerning

By default, mkfont exports kerning information from the TTF font, if provided. Kerning allows font designers to specify spacing adjustments between specific couple of glyphs. The screenshots show a typical kerning adjustment, where some spacing is remove between the letters T and a, as the a glyph is small enough.

Screenshot 2024-06-16 alle 16 24 55 Screenshot 2024-06-16 alle 16 24 29

Left image is without kerning adjustments, right image is with kerning adjustment.

Kerning does increase .font64 file size and brings some very tiny runtime overhead. For instance, the Pacifico font used in these screenshots is 10568 bytes (with default libdragon compression), and its size can be reduced to 9821 bytes by disabling kerning.

Normally, it is suggested to leave kerning on, unless the performance must be kept to the bare minimum (though in that case, it might be better to choose a font that doesn't require kerning rather than ignoring the kerning that the designer thought it was needed).

--ellipsis

This option allows to configure the glyph to use as ellipsis when drawing in the WRAP_ELLIPSES word wrap mode. rdpq_text allows to specify several word wrap modes:

typedef enum {
    WRAP_NONE = 0,         ///< Truncate the text (if any)
    WRAP_ELLIPSES = 1,     ///< Truncate the text adding ellipsis (if any)
    WRAP_CHAR = 2,         ///< Wrap at character boundaries 
    WRAP_WORD = 3,         ///< Wrap at word boundaries 
} rdpq_textwrap_t;

which can be specified as text parameters:

typedef struct rdpq_textparms_s {
    int16_t width;           ///< Maximum horizontal width of the paragraph, in pixels (0 if unbounded)
    int16_t height;          ///< Maximum vertical height of the paragraph, in pixels (0 if unbounded)
    [...]
    rdpq_textwrap_t wrap;    ///< Wrap mode

When WRAP_ELLIPSES is specified, the text is truncated to the specified width, and the ellipsis character is inserted to show elision:

Screenshot 2024-06-16 alle 22 45 54

By default, three ASCII full stops (U+2E .) are inserted as ellipses, but --ellipses allows to configure this. It is possible in fact to specify a custom codepoint to use for ellipses and the number of repetitions. For instance, the use the more compact Unicode ellipsis character (U+2026 ), the syntax to use is --ellipses 2026,1.