# Using Operator Mono with Fira Code ligatures in Atom.

1. **Open your Atom's Stylesheet**    
![image](https://cloud.githubusercontent.com/assets/3277185/22894325/bb0a0600-f1ff-11e6-9e90-e7bb05f93f2f.png)

2. **Put this css**  
```css
atom-text-editor {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Operator Mono";
  font-weight: 500;
  line-height: 1.7;
}
```

For Atom version < 1.13.x
```css
atom-text-editor::shadow {
  .storage.type.function.arrow,
  .keyword.operator:not(.accessor),
  .punctuation.definition.entity.css {
    font-family: 'Fira Code';
  }

  .string.quoted,
  .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
}
```

For Atom version >= 1.13.x
```css
atom-text-editor.editor {
  .syntax--storage.syntax--type.syntax--function.syntax--arrow,
  .syntax--keyword.syntax--operator:not(.accessor),
  .syntax--punctuation.syntax--definition {
    font-family: "Fira Code";
  }

  .syntax--string.syntax--quoted,
  .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
}
```

Save file and it's done.


---

Works fine with Javascript:  

![image](https://cloud.githubusercontent.com/assets/3277185/21861233/20ad99b2-d81b-11e6-8e70-7ef8c7dffea0.png)