Hi
I don’t get the fonteawesome icon to display in Jet. I fllowed these instructions.
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
- Downloaded web-fonts
- Copy the entire
/webfonts``/css/all.css
Snipped from all.css
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url("../webfonts/fa-solid-900.eot");
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
Add a reference to the copied /css/all.css file in index.html
<link href="css/all.css" rel="stylesheet" rel="stylesheet"/>
Have a button in incidents.html which show the <Home-icon> correct.
<oj-button display='icons'>
\<span slot='startIcon' class="demo-home-icon-24 demo-icon-font-24">\</span> Home
</oj-button>
If I replace the icon-name with an icon from fonteawesome v5.11 no icon is dispalyed.
<oj-button display='icons'>
\<span slot='startIcon' class="fas fa-camera">\</span>
Home
</oj-button>
What am i missing?