Docs

[Jacob D]

I’ve added a Font Awesome icon inline with some text and it looks as expected in the Cornerstone preview, but when viewed live in my browser, they are missing. The code I am using I found in the forums, so I’m wondering if there is another piece of the puzzle I might be missing or if I need to execute this differently?

<p style="font-size: 12px; line-height: 100%;"><a href="#"><i class="fa fa-envelope"></i> Email Esmeralda</a></p>

You can view the live page on the dev site here: http://homewardbound.pmcgdev.com/about/

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Child Theme’s style.css file:

.fa-envelope:before {
    content: "\f003";
    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;
}

Let us know how this goes!

[Jacob D]

That did the trick, thank you again for such amazing support!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts