Question

-4

How to change font for the CodeMirror editor

rated 0 times [ 3] [ 7] / answers: 1 / hits: 16813 / 7 Years ago, thu, december 7, 2017, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brodyfrancisi

Add To Favorites

Follow

Total Points: 1

Total Questions: 102

Total Answers: 89

Location: Marshall Islands

Member since Mon, May 31, 2021

3 Years ago

brodyfrancisi questions

1 How to wait until React in an iframe rendered it's content

Mon, Feb 21, 22, 00:00, 2 Years ago

1 Is it good way to throw error from service in nestjs like it:

Wed, Jan 12, 22, 00:00, 2 Years ago

1 Mongoose TypeScript ObjectId casting - Type 'string' is not assignable to type 'Condition< ObjectId | undefined>'

Fri, Oct 1, 21, 00:00, 3 Years ago

1 event.target.value as a number?

Mon, Apr 5, 21, 00:00, 3 Years ago

1 GSAP ScrollTrigger - Create a Timeline for Every Section

Thu, Nov 5, 20, 00:00, 4 Years ago

View All

answered 7 Years ago kalia · Accepted Answer

Try setting the CSS on:

.CodeMirror {

font-family: Arial, monospace;

font-size: 16px;

}

This selects the element that contains all the formatted code.