Streaming live at 10am (PST)

Font awesome use


#1

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)


#2

Hello @shashi

Just upload the font file here:


#3

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


#4

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’


#5

video tutorial(-ish) here:

:slight_smile:


#6

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


#7

Yup got the soultion now
thanks :slight_smile:


#8

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


#9

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