Releases

Fixes

• TTF rendering should not crop on Windows anymore (#34)
• ^ and ~ are easier to distinguish (#7)

Features

• Added ‘Normal asterisk’ (*) in ss01 (Stylistic Set 01)
• Added ‘Slashed zero’ (0) in zero
• Ligatures have been split into two sets - calt (contextual alternates) and liga (ligatures) to reflect the character meaning better.

Ligature Sets

Ligatures have been split into contextual alternates (calt) and actual ligatures (liga). Contextual alternates (calt) change only spacing between characters while ligatures (liga) replace combinations with different shapes.

When you enable ligatures, both are enabled in editors like VS Code and WebStorm. Consider the VS Code configuration below:

{
  "editor.fontLigatures": true
}

In order to control which features to enable in VS Code, you’ll have to set configuration as below (standard CSS syntax):

{
  "editor.fontLigatures": "'calt' on, 'liga' off"
}

Stylistic Sets

Stylistic sets are a new feature that allow us to refine the glyphs in the future and let you choose the customizations you prefer since sometimes a specific way of rendering a character might fit your preferences better.

To use them in browser, consider the following CSS:

.stylistic-set-1 {
  font-feature-settings: "ss01";
}

.stylistic-zero {
  font-feature-settings: "zero";
}

To enable them in Visual Studio Code, configure its settings as follows:

{
  // Enable stylistic sets for all languages
  "editor.fontLigatures": "'ss01', 'zero'",
  // Enable stylistic sets for a specific language
  "[javascript]": {
    "editor.fontLigatures": "'ss01'"
  }
}

See VS Code issue 80577 for further information and technical details.

It’s not possible to control the enabled features in many of the popular editors yet. Please get in touch with the creators of your editors to make them aware of this so that more control may eventually be added.