Created
July 15, 2016 17:00
-
-
Save MattMcFarland/e41ef709b1d82adea800563a86805559 to your computer and use it in GitHub Desktop.
Ligature fonts for atom
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
atom-text-editor { | |
font-family: 'Fira Code'; | |
font-style: normal; | |
text-rendering: optimizeLegibility; | |
} | |
atom-text-editor::shadow { | |
.string.quoted, | |
.string.regexp { | |
-webkit-font-feature-settings: "liga" off, "calt" off; | |
} | |
.source.js.jsx > .keyword.control.flow.js, | |
.storage, .type .function { | |
vertical-align: baseline; | |
font-family: 'flottflott'; | |
height: inherit; | |
font-size: 1.5em; | |
line-height: 1rem; | |
} | |
.source.js.jsx, | |
.storage.type.function.arrow.js, | |
.variable { | |
font-family: 'Fira Code'; | |
font-style: normal; | |
} | |
.string.unquoted.js { | |
color: #CDD3DE; | |
} | |
.entity.name { | |
font-weight: bold; | |
} | |
} |
Cool stuff.
I found this post on how to do the same in VS Code.
that is really cool! to bad i can't get html & css to do that as well
Hi! Ty for this styles! The ::shadow
is coming up as deprecated. I changed my stylesheet to match their suggestions! I'm not sure how to use this so I'm going to put the changes below:
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--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--source.syntax--js.syntax--jsx,
.syntax--storage.syntax--type.syntax--function.syntax--arrow.syntax--js,
.syntax--variable {
font-family: 'Fira Code';
font-style: normal;
}
.syntax--string.syntax--unquoted.syntax--js {
color: #CDD3DE;
}
.syntax--entity.syntax--name {
font-weight: bold;
}
}
any chance we can get an updated version for 2019 with Fira Code and BT? I can't seem to get mine to work.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Some ligatures don't work as well.

The arrow function ligature seems to work only inside a
div
orspan