# Create a font with images like this

**URL:** <https://forum.high-logic.com/t/create-a-font-with-images-like-this/13685>\
**Category:** FontCreator - Font Editor\
**Created:** [October 22, 2026, 1:24pm UTC](https://forum.high-logic.com/t/create-a-font-with-images-like-this/13685 "2026-10-22T13:24:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Molton](https://forum.high-logic.com/letter_avatar_proxy/v4/letter/m/dbc845/32.png) [@Molton](https://forum.high-logic.com/u/Molton)\
**Post date:** [October 22, 2026, 1:24pm UTC](https://forum.high-logic.com/t/create-a-font-with-images-like-this/13685/1 "2026-10-22T13:24:03Z")

</div>

![Test](https://forum.high-logic.com/uploads/default/original/2X/a/a09323c72d84286dae19e968c384d0f8787375bc.png)

Hello,

I just installed FontCreator 16.0 and I am a total beginer.

The image is a PNG file.

I would like to create a font with images like this of course with the same colors.

I tried but the système just recognized the 4 squares…

How can do it? Which menus, which actions…?

Thank you!

---

<div class="post-metadata">

**Author:** ![ErwinDenissen](https://forum.high-logic.com/user_avatar/forum.high-logic.com/erwindenissen/32/9430_2.png) [@ErwinDenissen](https://forum.high-logic.com/u/ErwinDenissen)\
**Post date:** [October 22, 2026, 2:06pm UTC](https://forum.high-logic.com/t/create-a-font-with-images-like-this/13685/2 "2026-10-22T14:06:23Z")

</div>

When you import a PNG image, FontCreator converts it into monochrome outlines, so the original colors are lost.

For your purpose, I recommend creating a **COLR color font**. This allows you to combine multiple glyphs, each with its own color. FontCreator can also automatically generate SVG color data from COLR when exporting your font.

To get started:

1. Import the outlines for each colored part of your design into a separate glyph.

2. Open the actual end glyph.

3. Open the **Masters and Layers panel** (Ctrl+F6).

4. Right-click and select **Add Color Member** to add the individual glyphs.

5. Click the color swatch next to each member to assign its palette color.

When exporting your font, you can select COLR or have FontCreator generate SVG color data from COLR through the Export Settings.

We also have a tutorial about creating color fonts:

> **[Create OpenType Color Fonts](https://www.high-logic.com/font-editor/fontcreator/tutorials/create-opentype-color-fonts)**
>
> Author COLR/CPAL and SVG color fonts in FontCreator — build layered color glyphs, manage palettes, and pick the right export options on Windows and macOS.

I hope this helps you get started!