CMS Development

bdel01
Mitglied

Icons

lösung

Hello,

 

Where can i access icons to use on my webiste?

0 Upvotes
2 Akzeptierte Lösungen
EricSalvi
Lösung
HubSpot Employee
HubSpot Employee

Icons

lösung

Are these the type of icons you are talking about http://fontawesome.io/icons/
When you find the correct icon you want to use, click on it. Then it will show you the code you need to add to your site. Keep in mind you also need to import the fontawesome CSS to your site first so the icons will work correctly. http://fontawesome.io/get-started/

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
EricSalvi
Lösung
HubSpot Employee
HubSpot Employee

Icons

lösung

What I would do is download the files from FontAwesome, then upload the 2 files in the CSS folder from that Zip file into your file manager. Once it is in HubSpot copy the URL. Now that you have the URL go to Content > Content Settings, Then add this to the Site Header HTML section. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> and replace what is in the quotes with what you copied previously for the font-awesome.min.css file in the file manager.
Now that this CSS is firing on your site you should be able to use any one of those icons by using the <i class="fa fa-id-card-o" aria-hidden="true"></i> as an example.

Alternatively, you can check out this HubSpot ariticle. https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-install-font-awesome keep in mind it does not have an up-to-date list of the current icons.

 

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
5 Antworten
JDeRolph
Mitglied

Icons

lösung

Hello - For those of us that aren't programmers can you start to add some Video Tutorials on this subject? Thanks

0 Upvotes
dennisedson
HubSpot-Produktteam
HubSpot-Produktteam

Icons

lösung

@JDeRolph ,

You can use this form to add any topics that you would like see covered!

0 Upvotes
EricSalvi
Lösung
HubSpot Employee
HubSpot Employee

Icons

lösung

Are these the type of icons you are talking about http://fontawesome.io/icons/
When you find the correct icon you want to use, click on it. Then it will show you the code you need to add to your site. Keep in mind you also need to import the fontawesome CSS to your site first so the icons will work correctly. http://fontawesome.io/get-started/

0 Upvotes
bdel01
Mitglied

Icons

lösung

yes thats exactly what im talking about. However, when i hit dowload it just gave me a zip file. did i click the wrong thing?

0 Upvotes
EricSalvi
Lösung
HubSpot Employee
HubSpot Employee

Icons

lösung

What I would do is download the files from FontAwesome, then upload the 2 files in the CSS folder from that Zip file into your file manager. Once it is in HubSpot copy the URL. Now that you have the URL go to Content > Content Settings, Then add this to the Site Header HTML section. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> and replace what is in the quotes with what you copied previously for the font-awesome.min.css file in the file manager.
Now that this CSS is firing on your site you should be able to use any one of those icons by using the <i class="fa fa-id-card-o" aria-hidden="true"></i> as an example.

Alternatively, you can check out this HubSpot ariticle. https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-install-font-awesome keep in mind it does not have an up-to-date list of the current icons.

 

0 Upvotes