---
title: "Getting started with Fontello"
date: "2017-12-06T16:33:14+00:00"
summary: "Easily create custom icon font libraries for Site Studio with Fontello. Learn how to prepare, configure, and integrate your icon sets seamlessly. Step-by-step guide for marketers and developers."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/getting-started-fontello"
id: "3a73eedc-69b0-451a-92c3-58aaaab0578b"
---

Fontello is an icon font library that can be used with Site Studio. This guide provides information on how to correctly prepare your Fontello icon font library ready for adding into Site Studio. Find more information on [setting up your icon font libraries](/drupal-starter-kits/add-ons/site-studio/set-icon-font-libraries "Set-up icon font libraries").

Important

For more specific information on Fontello, please refer to the [official Fontello documentation](https://github.com/fontello/fontello/wiki/Help).

Preparing your Fontello files
-----------------------------

To prepare your Fontello icon font files ready for adding to Site Studio.:

### Step 1 - Configure your font library

1.  Go to the [Fontello website](http://fontello.com/) and select the icons you want to include in your icon font library
2.  Click **Download webfont** to download a .zip file containing your font icon library files

![fa42efc8-configure-fontello.gif](https://acquia.widen.net/content/79930b3b-080d-42f6-b30e-a1295ac14e7f/web/fa42efc8-configure-fontello.gif?animate=true)

### Step 2 - Download the JSON file

1.  Click the **arrow** to the right of the Download webfont button
2.  On the dropdown menu click **Get config only**

![b691ffaf-fontello-get-config.gif](https://acquia.widen.net/content/9ba2ee24-d8c4-4994-a37b-5261d7407435/web/b691ffaf-fontello-get-config.gif?animate=true)

### Step 3 - Add files to Site Studio

Follow the instructions on setting up your [icon font libraries](https://sitestudiodocs.acquia.com/6.0/node/30#upload-fontello "Set-up icon font libraries") in Site Studio.