Fira Code & Flottflott highlighting in Atom

style.less

/* 
 * Code by William Chang and Matt McFarland
 * https://medium.com/@docodemore/an-alternative-to-operator-mono-font-6e5d040e1c7e#.ofkdp0aww
 * flottflott - http://www.dafont.com/flottflott.font
 * Fira Code - https://github.com/tonsky/FiraCode
*/

atom-text-editor {
    font-family: 'Fira Code';
    font-style: normal;
    text-rendering: optimizeLegibility;
}

atom-text-editor.editor {
    .syntax--string.syntax--quoted,
    .syntax--string.syntax--regexp {
        -webkit-font-feature-settings: "liga" off, "calt" off;
    }
    
    .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js,
    .syntax--storage, 
    .syntax--type .syntax--function {
        vertical-align: baseline;
        font-family: 'flottflott';
        height: inherit;
        font-size: 1.5em;
        line-height: 1rem;
    }
    
    .syntax--storage.syntax--type.syntax--function.syntax--arrow.syntax--js {
        font-size: 1.5em;
        line-height: 1rem;
    }
    
    .syntax--comment {
        font-style: italic;
    }
    
    .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js {
        font-family: 'Fira Code';
        font-style: normal;
    }
    
    .syntax--string.syntax--unquoted.syntax--js {
        color: #CDD3DE;
    }
    
    .syntax--entity.syntax--name {
        font-weight: bold;
    }
}

Thanks for having an updated one 👌

Do you know how to get the arrow function to show up as a Fira Code ligature?