We at Firefly Semantics wanted the simplest possible way to change our logo size and color in HTML documents or our web applications.

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>

Creating the Firefly Semantics Font Logo | Task