How do I install a font and use it on my editor?



I am trying to install this font:

It’s not really working out for me. I’ve installed it in /usr/share/fonts/truetype/ and I’m trying to add it via preferences. I’ve also added it to my stylesheet with
@import url("");

I’ve tried adding it to the front of font family like so:
"mononoki-Regular", Ubuntu Mono, Menlo, Consolas, monospace
with all sorts of different names too.

I don’t know how to add this, thanks.


did you install it in /usr/share/fonts/truetype/ of your desktop or the vm? It needs to be on your local computer.
Also try using mononoki instead of “mononoki-Regular”


You should use

@font-face {
    font-family: 'mononoki';
    src: url('') format('embedded-opentype'), /* IE6-IE8 */
         url('') format('woff2'), /* Super Modern Browsers */
         url('') format('woff'), /* Pretty Modern Browsers */
         url('')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;

    font-family: mononoki!important;

Using it directly from raw is not possible due to CORS policy, ' is therefore not allowed access.'
You can copy/paste directly this snippet into your stylesheet and the IDE will use your font directly when you save styles.css

@harutyun Web fonts win ! :wink:

Cursor is not on the right position
Need custom fonts

Note that setting font on .ace_content breaks the cursor positioning, whole editor needs to use the same font


Effectively, it breaks the cursor positioning.
On which class or element do I specify a new font-family for the whole IDE ? .ace_… ? body ?


sorry, i have changed selector to .ace_editor in your answer, and forgot to mention that in my reply.


OK. Thanks for the edit :thumbsup:


AWESOME! Thanks man, I really appreciate it.