CODEWITHSUNDEEP
cssfont-awesomefont-size
Yeonjung Rho
Yeonjung Rho

Reputation: 19

What is the fontawesome default font em size?

I want know the best size of illustrator artboard for design font awesome icon.

What is the default font em size in font awesome?

The tutorial said:

"First, create a new artboard with a size of 512px × 512px (IcoMoon App’s default font em size). Next, set the document grid to represent pixels."

But I don't know font awesome default font em size.

Upvotes: 1

Views: 4574

Answers (2)

odedta
odedta

Reputation: 2478

This is the fontawesome class:

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

So, to answer your question, it is 14px or 1em.

Upvotes: 1

Gvidas
Gvidas

Reputation: 1964

The default size is 1 em

Font awesome also has 5 default classes for larger icons:

fa-lg: 1.33333 em
fa-2x: 2em
fa-3x: 3em
fa-4x: 4em
fa-5x: 5em

Upvotes: 1

Related Questions