Using Futuramo Icons as fonts (.ttf, woff2, .eot)

futuramo icons

Download and use your favorite icons as fonts: TrueType (.ttf), Web Open Font Format 2.0 (.woff2) and Embedded Open Type (.eot). With Futuramo Icons it’s very easy! Just select icons you need, apply one of the 16 styles and download your webfont pack.

futuramo icons webfonts

The Futuramo webfont pack is a bundle of font files in the following formats:

  1. TrueType (.ttf) – used e.g. by Safari, Android Browser
  2. Web Open Font Format 2.0 (.woff2) – used by most modern browsers
  3. Embedded Open Type (.eot) – used by IE6-9

Inside the package you will also find a CSS file (with the @font-face and icon declarations for use in web development) and a html demonstration file. Downloading webfont packs is easy, just follow the steps:

  1. Go to Icons page and select the icons that you want included in the webfont.
  2. Select the style of the webfont. Size and color are irrelevant this time, because a font shape can be scaled and coloured by the user, depending on its intended use.
  3. Select the “Download” button from the top toolbar to open the download dialog.
  4. Select the“Webfont” option and enter the name that identifies your new webfont.
  5. Click “Download”. A webfont pack will be generated and you will be prompted to save it on your computer.

futuramo icons webfonts-gif

You can also use the fonts we provide in your locally installed programs. The .ttf file should be compatible for installing with most operating systems. After installation, your graphics program of choice will allow you to select the icons you just download from the Glyph Table, if such functionality is supported.
futuramo icons in adobe illustrator (AI)

Why use webfont icons for icons?

  • Compatible with all major browsers, even up to IE6
  • Limited requests to the server by bundling all the icons in a single resource
  • Your icons behave just like any other text element, which allows easy and robust CSS styling, including colouring, scaling, opacity, adding shadows, etc.

Article updated on 8/9/2017

The content published on this website is for informational purposes only and does not constitute legal advice.

New features: Icon webfonts + SVG sprites and sheets
icon webfonts

New features: Icon webfonts + SVG sprites and sheets

You asked, here it is!

Using webfont icons in web development

Using webfont icons in web development

You downloaded the Futuramo webfont pack and now want to use it in your web

You May Also Like