Hello, long time user of Salient here.

I'm struggling to use a custom font for my website for quite some time. I followed all the instructions given in your article: https://themenectar.ticksy.com/article/9773/, and I also looked in depth at other user tickets who had questions about custom fonts. 

I finally got my custom font to work in the Customize>Additional CSS editor (https://imgur.com/17YlNc6). As you can see, it loaded perfectly. But when I saved and refreshed the page, the font went back to the default (https://imgur.com/hBA5nbQ).

For your reference, the font-face code is 

@font-face {
   font-family: 'ArnhemPro-Blond';
    src: url('salient/css/fonts/ArnhemPro-Blond.eot');
    src: url('salient/css/fonts/ArnhemPro-Blond.eot?#iefix') format('embedded-opentype'),
        url('salient/css/fonts/ArnhemPro-Blond.woff') format('woff'),
        url('salient/css/fonts/ArnhemPro-Blond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

My child theme style.css is located at public_html/wp-content/themes/salient-child/style.css, and my fonts are located in public_html/wp-content/themes/salient/css/fonts/ArnhemPro-Blond.eot

What's happening here? Why isn't the font loading on my website when the editor is showing it? 

Please help out, I am at my wits' end here.

Thanks in advance.