Create your CSS font face rules, simple. Just click the font to generate the CSS @fontface rule.
Why use the @fontface rule?
In the past, we were restricted in using fonts that the user had loaded on their computer. Then we had safe online fonts from Google Fonts for example, but occasionally you will want to use a custom font and the fontface rule allows you to do this.
What browsers support the fontface rule?
The @font-face rule is supported by major browsers including Chrome, Firefox, Safari, Internet Explorer, and Opera.