Developers' Forum

About font size

About font size

by 王 沁 -
Number of replies: 1
    Are there some methods to change the font size in coding area?

Thanks & regards.

Attachment 1111111.png
In reply to 王 沁

Re: About font size

by Richard Lobb -

Obviously you can zoom in in the browser. However, I assume you want to increase the font size just within the editor. The only way I know to achieve this is via CSS. The Ace editor font-size and line-height are currently set by the following lines within the file styles.css in the CodeRunner plugin:

.que.coderunner .ace_editor,
body#page-question-type-coderunner .ace_editor {
    font-size: 100%;
    line-height: 18px;

You will need to find a way to override those settings. The standard Moodle themes allow a Moodle administrator to insert extra CSS into all pages on the site. If you want the changes to apply only within a particular course you can add an HTML block and insert a JavaScript element that adds the required CSS to each page <head> section in the whole course or in specific types of pages. This video explains how.