Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions fonts/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# Icon font

The `vanilla` icon font is generated via [IcoMoon](https://icomoon.io). It is referenced in `src/core/less/_defaults/icons.less` via `@font-face`.

## Files

| File | Purpose |
|------|---------|
| `vanilla.woff` / `vanilla.woff2` | Compiled font files used at runtime |
| `Vanilla icons.json` | IcoMoon app project state - import this to resume editing in the app |
| `vanilla-icons.icomoon.json` | IcoMoon font definition (new app format) - use this to regenerate the font |
| `selection.json` | Legacy IcoMoon backup (old app format) - kept for backwards compatibility |

## Updating the core icon set

Use this when adding, removing, or modifying icons in the shared `vanilla` font used across all projects.

1. Go to [icomoon.io](https://icomoon.io) and open the app.
2. Import `Vanilla icons.json` from the project selection screen.
3. Add, remove, or modify icons as needed.
4. Export the font package (the zip download).
5. Replace `vanilla.woff` and `vanilla.woff2` with the new files from the `fonts/` folder in the zip.
6. Replace `vanilla-icons.icomoon.json` with the version from the zip root.
7. Update `icons.less` if any icon class names or unicode values have changed.

Do not manually edit the font files or JSON files.
1 change: 1 addition & 0 deletions fonts/Vanilla icons.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions fonts/vanilla-icons.icomoon.json

Large diffs are not rendered by default.

Binary file modified fonts/vanilla.woff
Binary file not shown.
Binary file modified fonts/vanilla.woff2
Binary file not shown.
5 changes: 2 additions & 3 deletions less/_defaults/icons.less
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
// --------------------------------------------------
@font-face {
font-family: "vanilla";
src: url('fonts/vanilla.woff2') format('woff2'),
url('fonts/vanilla.woff') format('woff');
src: url("fonts/vanilla.woff2") format("woff2"),
url("fonts/vanilla.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
Expand All @@ -13,7 +13,6 @@
&:before {
display: block;
font-family: "vanilla";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
Expand Down