Instructions below

How do I embed font file into stylesheet with @font-face?

-
Under "Select font font file", click on browse (or your browser equivalent)
-
Select the font file you wish to embed and click "Create Stylesheet"
-
It will generate the stylesheet with the embedded font and provide a quick preview.
-
Click "Download Stylesheet" to save it your local drive

What is fontConverter.io?

The fontConverter is a free utility for embedding a font file directly in your CSS.