Hello, we are Creative Fabrica

By working together with crafters and designers, we provide a creative hub with the tools and content that you need for your next venture, idea or project.

How To Convert Fonts Into Webfonts

This page is part of The Ultimate Font Guide, an introductory font manual that explains the basics of fonts and how to install fonts, use them in different applications and more.

The most common font formats of fonts purchased or downloaded online are OTF and TTF. Everything you’ll need to know about the different font formats can be found in our tutorial here.

To use a font on a webpage you’ll need to have a font format that can be implemented on a site. But how can you convert an OTF/TTF font to a webfont? With Creative Fabrica’s free Webfont Generator, this can be done in an instant!

Webfont Generator – Easily managed & free to use

The Webfont Generator is a tool developed by Creative Fabrica to make it easier for you to convert your fonts into webfonts. It is completely free to use and you’ll have a complete webfont package read to be implemented on your website.

How to convert a font into a webfont

The first step is to download the font that you would like to implement on your website. Read how you can download and unpack a font file here.

The Webfont Generator can convert any font that is in OTF or TTF format. All fonts downloaded via Creative Fabrica can be converted with the Webfont Generator.

To convert you font, you first need to open the Webfont Generator and click on the box marked with an + in order to upload the OTF/TTF font file.

Locate the font file on your computer and click Open.

The font file is now uploaded to the Webfont Generator. In order to convert the font, you need to tick the box that you are allowed to convert the font and use it for web embedding. All fonts downloaded or purchased via Creative Fabrica allow this usage.

Convert to webfont

When the Webfont Generator had confirmed that your webfont is ready, you will be able to download the files.

The downloaded folder will be saved to your computer instantly as you click Download your files. You can find it in ‘Downloaded folders’ or ‘Downloads’ on your computer.

Unpack the ZIP folder in order to access your webfont package. Included in the folder are the following files:

  • index.html
  • CCS
  • Specimen files (Including css, fonts, images and javascript)
  • Fonts (Including EOT, OTF, SVG, WOFF and WOFF2 font file formats)

 

Webfont licensing via Creative Fabrica

As mentioned before, with a commercial license from Creative Fabrica, you are allowed to convert the font into a webfont. For each domain, you will need 1 license. If you are using the font in images only, you don’t need a separate license for the website.You can read our commercial license here.

If you have any further questions or need any help, you can contact us at [email protected]

Get unlimited fonts

Free Graphics

Every week we release new premium Graphics for free, some available for a limited time only.

Continue
269987 Graphics

Get access to 269987 Graphics as part of our Graphics subscription. Check them out now.

Continue
Discount Deals

Our discount deals are premium products for just $1. Available for 1 week only, so act fast!

Continue
Daily Gifts

Download Now

Read next


SVG Fonts

This page is part of The Ultimate Font Guide, an introductory font...

Read the article

Different Font Types And Styles

This page is part of The Ultimate Font Guide, an introductory font...

Read the article

Fix cut off letters in Microsoft Word

Sometimes some words and letters are cut off when displayed in Microsoft...

Read the article

How To Install Multiple Fonts At Once On Windows

This page is part of The Ultimate Font Guide, an introductory font...

Read the article

How To Install Fonts On Android

This page is part of The Ultimate Font Guide, an introductory font...

Read the article
Daily Gifts

Download Now
Discount Deals
Daily Gifts

Download Now