CSS, OS X

Mac: How to See What Icons are In Font Files, To Be Used in CSS

First, we need the tool–FontLab Studio.

Go to this link, follow steps below to download:

fontlab-01

fontlab-02

The benefit of knowing different languages: having access to information presented in all of them.

Then, get the information you need by:

fontlab-03

With your css set up like this:

.icon-listview i{
  &:before{
    content: "\f00b";
  }
}

You’d be able to insert this icon into your html with:

<div class="icon-listview"><i></i></div>
Standard