Setup

The generated style.css defines the font face JEU.
You can either copy the contents of style.css to your own CSS or link to it in your HTML like so:

<link rel="stylesheet" href="style.css">
<link rel="preload" href="fonts/JEU.woff2" as="font" type="font/woff2" crossorigin="anonymous" />

This code assumes style.css is located in the same directory as the HTML file linking to it. The second line is for enabling early font downloads. You may need to adjust the value of href and the URLs used within style.css depending on where you place the generated files in your setup.

Inserting & Customizing

Use the CSS class icon to apply the generated font to any text:

<span class="icon"></span>

You could change the size of the glyph using the font-size property in CSS:

.my-size {
    font-size: 2em;
}
<span class="icon my-size"></span>

You can specify which color palette to use like so:

<span class="icon palette0"></span>

You could also customize a palette in CSS:

@font-palette-values --custom {
    font-family: "JEU";
    base-palette: 0;
    override-colors: 0 #f00, 1 blue, 2 #bada55;
}
.custom {
    font-palette: --custom;
}
<span class="icon custom"></span>
List of Glyphs (39)
icon-NPointJEU-9
icon-NPointJEU-8
icon-NPointJEU-7
icon-NPointJEU-6
icon-NPointJEU-5
icon-NPointJEU-4
icon-NPointJEU-3
icon-NPointJEU-2
icon-NPointJEU-18
icon-NPointJEU-17
icon-NPointJEU-16
icon-NPointJEU-15
icon-NPointJEU-14
icon-NPointJEU-13
icon-NPointJEU-12
icon-NPointJEU-11
icon-NPointJEU-10
icon-NPointJEU-1
icon-Yann_3
icon-Yann_2
icon-Yann_1
icon-PointJEU-1
icon-PointJEU-2
icon-PointJEU-3
icon-PointJEU-4
icon-PointJEU-5
icon-PointJEU-6
icon-PointJEU-7
icon-PointJEU-8
icon-PointJEU-9
icon-PointJEU-10
icon-PointJEU-11
icon-PointJEU-12
icon-PointJEU-13
icon-PointJEU-14
icon-PointJEU-15
icon-PointJEU-16
icon-PointJEU-17
icon-PointJEU-18