How to add fontAwesome icons to Kentico 11 sites

Hosam Abdeltawab asked on March 3, 2021 19:09

I have a K11 instance where I need to add fontAwesome library icons to. I read through the documentation on Kentico 11 Working with font icons and I added the changes needed on the CMS solution. For my MVC solution, do I need to add the fontAwesome library, styles, or variables as well or not? If so, how can I do that or where can I find documentation on that piece? All my styles.css files are on the kentico UI styles application

kentico 11 fontawesome mvc

Correct Answer

Brian McKeiver answered on March 5, 2021 17:24

I would check out this solution from Sean Wright: https://dev.to/wiredviews/kentico-cms-quick-tip-using-font-awesome-icons-for-custom-page-types-3fcb

0 votesVote for this answer Unmark Correct answer

Recent Answers

Brenden Kehren answered on March 4, 2021 04:55

Where do you want to use the font awesome fonts? In your public facing website or within the Kentico UI?

0 votesVote for this answer Mark as a Correct answer

Hosam Abdeltawab answered on March 4, 2021 15:41 (last edited on March 4, 2021 15:46)

I want to use them in both actually. I want to be able to use them as a form control, and enabling them on the public facing site

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on March 4, 2021 15:51

Adding FA to your front facing site is no different than you'd do normally (mvc or portal engine). Include the reference to the stylesheet in the < head > of your site.

I'm not following 100% what you want to use FA for a form control for. Can you elaborate a bit more?

0 votesVote for this answer Mark as a Correct answer

Hosam Abdeltawab answered on March 4, 2021 16:15 (last edited on March 4, 2021 16:18)

So if I want to use it for instance as a thumbnail to a webpart or as a control on a field on a page type, how can that be achieved? Also, can I include the reference in the CSS stylesheet application for my front facing site site. Can I link them somehow?

0 votesVote for this answer Mark as a Correct answer