Skip to content
Free Operator Mono Alternative based on FiraCode and FlottFlott
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
BirdFont initial commit May 2, 2018
TTF Added Font-Ligatures for Fira Code May 4, 2018
README.md

README.md

FiraFlott

A free Operator Mono-Alternative based on FiraCode and FlottFlott

Note: New font-combination available (Fira Code with Pacifico), looks much better -> here

Font that combines Mono font from FiraCode (also in Bold) including Font-Ligatures with FlottFlott as Italic font. Tested with VSCode, but should support every Editor that supports italics.

Installation Guide

  1. Download TTF-Folder
  2. Install ALL TTF-Font-Files on your PC
  3. Enable Italics in your Editor of Choice (also enable Font-Ligatures)

Customization

As I have optimized the Fonts for VSCode with default font size (14px), there may be Issues with size of the different (italic=FlottFlott and FiraCode) fonts. I provided BirdFont-Files in the BirdFont-Folder, which can be customized with the free Font-Editor Birdfont. Just open the HTML-Files with BirdFont, edit them (e.g resize them) and export them as TTF-Files (with Ctrl+e). Just do not change the Font Name or any other details, otherwise it wont work.

VSCode specific

With the font installed, all italics will be written in the FlottFlott-Font. In your VSCode-Settings you can customize what will be written in italics (and so in FlottFlott). The setting you need is called "editor.tokenColorCustomizations".

For example, my config looks like this (comments are invalid JSON-Syntax, I know, but it's easier to understand):

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        //following will be in italic (=FlottFlott)
        "comment",
        "entity.name.type.class", //class names
        "keyword", //import, export, return…
        "constant", //String, Number, Boolean…, this, super
        "storage.modifier", //static keyword
        "storage.type.class.js", //class keyword
      ],
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        //following will be excluded from italics (VSCode has some defaults for italics)
        "invalid",
        "keyword.operator",
        "constant.numeric.css",
        "keyword.other.unit.px.css",
        "constant.numeric.decimal.js",
        "constant.numeric.json"
      ],
      "settings": {
        "fontStyle": ""
      }
    }
  ]
}

Note: Images will be added soon

You can’t perform that action at this time.