CODEWITHSUNDEEP
cssfont-awesome
lokis
lokis

Reputation: 67

Font awesome does not resize

I am designing a website when suddenly my icons resized at a small scale.

I am using font awesome for my ICONS when suddenly the font awesome icon turns into small when the size is equal to the EVENTS name below

enter image description here

My code is

<font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>

It must be like this

enter image description here

Can you help me guys? Thanks for future answers

Upvotes: 0

Views: 713

Answers (2)

Arkej
Arkej

Reputation: 2241

As other users said - don't use <font> tag, but set the font-size with CSS.

However your code should work as you excpect. See snippet below:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<strong><font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>
<hr>
<strong><font size="15"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>
<hr>
<strong><font size="25"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>

Upvotes: 1

Mike Lawson
Mike Lawson

Reputation: 735

Definitely do not use <font>. That is a really archaic tag that shouldn't be used any longer. Instead, you'll want to use CSS. Something like:

i.fa {
     font-size: 1.5em;  // However big you want it to be
}

Upvotes: 1

Related Questions