Typefaces

Upload custom fonts and select from pre-loaded system fonts.


System Fonts

Choose from pre-loaded fonts that support both Western and CJK characters.

All system fonts are licensed for commercial use (OFL/Apache licenses). You can safely use them in client work and commercial projects.

  • Noto Sans CJK (Universal Sans)

  • Noto Serif CJK (Universal Serif)

  • M PLUS 1p (Friendly Sans)

  • M PLUS Rounded 1c (Soft Rounded)

  • Kosugi Maru (Monoline Rounded)

  • Kiwi Maru (Friendly Serif)

  • Nanum Gothic (Modern Sans)

If you work with Chinese, Japanese, or Korean text, use fonts that explicitly support CJK characters. System fonts like Noto Sans CJK and Noto Serif CJK provide comprehensive coverage. Western-only fonts may display missing character boxes (□) for CJK text.

How to Use a System Font

1

Select "Text" Tool or Existing Text Layer

  • In the bottom toolbar, select the Text tool.

  • Select existing text layers:

    • Single-click on any text layer to select.

    • Hold Shift and click to select multiple text layers.

2

Select the Typeface Selector

In the top bar, select the Typeface selector.

This opens the typeface panel.

3

Select “All”

In the typeface panel, select the All tab.

The list displays each typeface name in its actual style.

4

Select a Typeface

Select the desired typeface from the list.

The selected typeface will be applied directly to the active text layer.


Custom Fonts

Upload your own typefaces to maintain brand consistency across all layouts. Beachside supports only Web Open Font Format (.WOFF and .WOFF2)

How to Upload and Use a Custom Font

1

Select "Text" Tool or Existing Text Layer

  • In the bottom toolbar, select the Text tool.

  • Select existing text layers:

    • Single-click on any text layer to select.

    • Hold Shift and click to select multiple text layers.

2

Select the Typeface Selector

In the top bar, select the Typeface selector.

This opens the typeface panel.

3

Select “Upload”

In the typeface panel, select the Upload tab.

4

Select “Upload Font”

Select Upload Font, then choose a font file from your computer.

The uploaded font will appear in your custom font list.

5

Select the Custom Typeface

Select the custom typeface from the list.

The selected typeface will be applied directly to the active text layer.