Setup

The generated `style.css` defines the font face Untitled.
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/Untitled.woff2" as="font" type="font/woff2" crossorigin="anonymous" />

The second line is for enabling early font downloads.

This code assumes `style.css` is located in the same directory as the HTML file linking to it. 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>

List of Glyphs (1)
Click/tap on each glyph to copy:
Size: Show Code Points

Note: Size is not reflected in the code that gets copied. Use `font-size` in CSS to change the size.

 icon-snap-icon2
U+
Try the generated font: