Firefly Semantics Logo Font

Image by Barbara A Lane from Pixabay

Scenario

We also want to make it dead simple for partners to display our logo.

Approach

Now all that is needed is to include a link to the font css:

<link rel="stylesheet" href="https://fireflysemantics.github.io/logo/font/style.css">

And the logo in red on a black background can be displayed like this:

<div style="background-color: #000000"><i style="color: red; 
font-size: 8rem;"
class="icon-fs-logo"></i>
</div>

Demo

Related

Real World Example

Founder of Firefly Semantics Corporation