Editor display font

The font displayed in the Code and Visual Editors can be adjusted to help provide a better editing experience. Options for adjusting the font display can be found in the Project menu. To open the menu, click the menu button in the top-left-hand corner of the screen.

The Overleaf Project Menu

Font sizes

From here, scroll down to find the 'Font Size' option to change the font size in the editor. It is strongly recommended to use the Font Size option, rather than your browser view or zoom options to adjust the font sizes. Your browser zoom level should always be set to "Actual Size" or "100%" when using Overleaf.

Font size changes are applied to both the Code and Visual editors.

You can adjust the zoom level of your output PDF using controls in the preview panel itself. Please seePDF viewer options and navigation.

Font families

This sets the font family of the text in the Code Editor.

If you wish to use a different monospaced font that is available on your computer, you can override it in your browser font settings.

The Open Dyslexic font is provided in order to help make the Code Editor more accessible.

Cursor placement problems

You may experience some cursor misalignments when your computer doesn't have the suitable fonts, or working with certain languages, e.g. Thai, Japanese, Cyrillic.

In such cases you may want to try changing the font family setting here, or set your browser to use a different monospaced font that is available on your computer.

Line height

The Line height option allows you to adjust how much space appears between lines of text or code that you write in the editor.