Font Settings

Configure the fonts displayed in the toolbar.

Synap Editor only manages the font list — font files themselves are not provided.

Font Settings

Use editor.fontFamily to set the fonts that appear in the toolbar's font menu.

Plain

Provide the style strings that will be applied to text.

// synapeditor.config.js
{
  'editor.fontFamily': {
    'ko': [
      'Dotum', 'Gulim', 'Batang', 'Gungsuh', 'Malgun Gothic',
      'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
      'Lucida Sans Unicode', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'
    ]
  }
}

Object form

Release 2.15.2212 and above.

When the label shown in the toolbar menu and the style applied to text should differ, write the entry in object form as shown below.

{ label: 'Text shown in the menu', value: 'Style applied to text' }

<table> <thead> <tr><th>Configuration</th><th>Result</th></tr> </thead> <tbody> <tr> <td>
// synapeditor.config.js
{
  'editor.fontFamily': {
    'ko': [
      'Gulim',
      { label: 'Nanum Gothic', value: 'NanumGothic' },
      { label: 'Batang', value: 'Batang' },
      { label: 'Gungsuh (brush-style serif)', value: 'GungSuh' }
    ]
  }
}
</td> <td>

Object form result

</td> </tr> </tbody> </table>

Per-language font settings

// synapeditor.config.js
{
  'editor.fontFamily': {
    'ko': [
      'Dotum', 'Gulim', 'Batang', 'Gungsuh', 'Malgun Gothic',
      'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
      'Lucida Sans Unicode', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'
    ],
    'en': [
      'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
      'Lucida Sans Unicode', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'
    ]
  }
}
<table> <thead> <tr><th>Korean (ko)</th><th>English (en)</th></tr> </thead> <tbody> <tr> <td>

ko 1

ko 2

ko 3

</td> <td>

en 1

en 2

</td> </tr> </tbody> </table>

Related Information