Font awesome use

As font awesome upgraded to the new version can anyone suggest how to use these in website


Here is my site Read-Only: http://showapp.webflow.io/
(how to share your site Read-Only link)

Hello @shashi

Just upload the font file here:

Hi @aaronocampo Thanks for the help
but looks like I wrongly described the issue
I have done the above process.
The issue is that I am not able to use icons in elements

You can go to this link:

https://fontawesome.com/cheatsheet

Select the icon you want, copy it and then go into your Webflow project, select the element ‘text’, double click on it and then paste what you selected.

Give that text element a class and select the typography ‘fontawesome’

1 Like

video tutorial(-ish) here:

:slight_smile:

4 Likes

@PixelGeek Thank you so much for your kind help
:slight_smile:

Yup got the soultion now
thanks :slight_smile:

Hello,

I was wondering how to change the color of the icon when you make it a clickable link.

I added the fonts in my project settings, then embedded the font and gave it a class and color. I want to make the font a clickable link as its social icons I’m using. So I wrap it with a href then the icon color changes to default link colors and no matter what I do I can’t change the color. Does anyone know how I can do it?

Cheers

If using Font Awesome do the following
Choose linkblock, link text, or button for your link.

On uper right of your link element, click on

STATES
None
Hover
Pressed
Focused

Each state can have it’s own link color.

See it in action!
http://html-sandbox.webflow.io/fontawesome-example

1 Like

Great video tutorial - I know this is from 2018, but it’s still a great explanation. Super simple!