The generated style.css defines the font face
fabricsena.
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">
Use the CSS class fsicon to apply the generated font to
any text:
<span class="fsicon"></span>
You could change the size of the glyph using the
font-size property in CSS:
.my-size {
font-size: 2em;
}
<span class="fsicon my-size"></span>
You can specify which color palette to use like so:
<span class="fsicon palette0"></span>
You could also customize a palette in CSS:
@font-palette-values --custom {
font-family: "fabricsena";
base-palette: 0;
override-colors: 0 #f00, 1 blue, 2 rgba(0, 0, 0, 0.5);
}
.custom {
font-palette: --custom;
}
<span class="fsicon custom"></span>