Adding Icon Fonts

[uxmediahouse]

Hi, I am trying to add some fonts and use them just as they are being used on this site… see screenshot for reference to specific icon.

http://ippsum.bold-themes.com/gea/home-02/

at the bottom of the page is this section with the arrow icon:

We have purchased the font and have added it via the Wordpess Media file, then were attempting to use it with the code below in Global Css:
@font-face {
font-family: ‘Details’; /a name to be used later/
src: url(’/wp-content/uploads/2021/10/Details.woff’); /URL to font/
}
.chev:before {
content: “_e900”;
font-family: Details;
padding: 0 8px 0 0;
color:#f18d05;
font-size:14px;
margin:0 5px 0 -29px;
}
and this in the body using the text element:
<div class="chev" data-icon="details_e900" data-icon-code="Details_e900" title="Arrow-down-right-7"></div>

There seem to be a few files included with the build in the page that i refereed to at the top:

What am I missing?

[ruenel]

Hello Riceman,

Thanks for writing in!

Please be very careful with the quotes both single and double-quotes. It must be for example 'Details' and "_e900". And also, please make sure to use the absolute path of the font file like https://example.com/wp-content/uploads/2021/10/font-name.ftype

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Best Regards.