[Solved] Icon font size

[Steven]

Hello,

I’m using an icon font package from Flat Icons (“Font Awesome”), and the icons are displaying properly, except for their size. I’m trying to bump the size of the “logo” icon, but I can’t get it to work. Here’s what I’m trying:

(html)

    <span class="logo flaticon-book95"></span>
    <div>
        <h1>Job Manager</h1>
        <h2>Real Simple</h2>
    </div>

(css)

/* logo icon ----------------------------------------- */
.logo {
    color: #34495e;
    float: left;
    font-size: 2em;
}

I’ve tried using ems, rems, pixels, and adjusting the ‘height’, but nothing’s working. Firefox, Chrome and IE refuse to display font-size changes.

I am using CSS Reset, and I’ve been scouring my CSS to look for any potential conflicts, but either none exist or I’ve simply overlooked something. Is there anything that would block this? In a separate project I’ve gotten them to work just fine by adjusting the font-size.

Thanks in advance,
Steven

[Steven]

Yeah, I didn’t want to barf tons of stuff in my post that may or may not even be relevant.

Anywho, I found the Boostrap CDN, and just used the Font Awesome CDN found there (http://www.bootstrapcdn.com/#fontawesome_tab), and now it’s working!

[Author]

Posts