Page 1 of 2
fontawesome icon not view
Posted: 13 Apr 2022, 16:01
by vodka
fontawesome installed.
the display of icons does not work only on the buttons of Phoca Cart, in other places it works.
please tell me what could be the reason
Re: fontawesome icon not view
Posted: 14 Apr 2022, 20:36
by Nidzo
Can you post link to your website?
Re: fontawesome icon not view
Posted: 15 Apr 2022, 06:09
by vodka
...
Re: fontawesome icon not view
Posted: 15 Apr 2022, 12:24
by Nidzo
Something is messed with your FontAwesome. Try to add this code in <head></head> of your site. You can use Phoca Site plugin or if your template have option to add custom codes.
Code: Select all
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
Re: fontawesome icon not view
Posted: 15 Apr 2022, 14:25
by vodka
thank.
how to use the fonts that are in joomla itself '/media/vendor/fontawesome-free/css/fontawesome.min.css'
Re: fontawesome icon not view
Posted: 15 Apr 2022, 20:48
by Nidzo
Try this: Go to Phoca Cart settings. At bottom of Display tab there is Theme option. Try to switch Icon type to Font awesome 4 or Font awesom 5 too see is there difference.
You can play with other options too.
Re: fontawesome icon not view
Posted: 21 Apr 2022, 21:44
by vodka
tried. no difference. except when choosing a bootstrap icon - all buttons shrink
Re: fontawesome icon not view
Posted: 22 Apr 2022, 23:41
by Jan
Hi, is this OK now? I see the icons on the site correctly displayed
Jan
Re: fontawesome icon not view
Posted: 23 Apr 2022, 09:19
by Nidzo
Apparently @vodka used advice from post
https://www.phoca.cz/forum/viewtopic.ph ... 65#p169931
but he still wants to use integrated Font awesome
placed in media/vendor/fontawesome-free/css/fontawesome.min.css that doesn't work.
Re: fontawesome icon not view
Posted: 30 Apr 2022, 10:26
by immcom
Tray to set icon style to
font-weight: 900;
and be sure that the font-family is Font Awesome, eg.
font-family: Font Awesome 5 Free;