How to change font for the CodeMirror editor

javascript css fonts codemirror
nullmn picture nullmn · Dec 7, 2017 · Viewed 9.7k times · Source

I am trying to change font-family and font-size of my CodeMirror editor. I tried changing it by setting the according CSS attributes but it does not seem to work for me:

.codemirror-textarea {
    font-family: Arial, monospace;
    font-size: 16px;
}

Do I have to import something in order to achieve this or might I have to edit the libraries CSS file directly? What am I doing wrong?

Answer

SWC picture SWC · Dec 7, 2017

Try setting the CSS on:

.CodeMirror {
font-family: Arial, monospace;
font-size: 16px;
}

This selects the element that contains all the formatted code.

Related questions

How to change FontSize By JavaScript?

This code is not working var span = document.getElementById("span"); span.style.fontsize = "25px"; span.innerHTML = "String";

Read More
Preloading @font-face fonts?

Is it possible to preload or otherwise cache @font-face fonts, most likely with javascript, before the page loads so you don't get that ugly jump when the page finally does load?

Read More
Font size auto adjust to fit

I'm trying to do what the title says. I've seen that font-size can be a percentage. So my guess was that font-size: 100%; would do it, but no. Here is an example: http://jsfiddle.net/xVB3t/ Can I get some …

Read More