Custom font issue

I’ve used your forum and made a custom font for all headings on my Enfold website (not a google font).
It was successful. The headings on every page show the custom fonts.

The issue is that when you visit the website (homepage) for the first time, the homepage shows the heading text in Time New Roman.
Once I visit any other page, the font is the correct custom font. I can then go back to the homepage and the custom font is active.

Is this a bug? Or is there some code I can update to fix this issue?

Here’s the code I used below:

@font-face {
font-family: ‘CustomFont’;
src: url(‘CustomFont.eot’);
src: url(‘CustomFont.eot?#iefix’) format(’embedded-opentype’),
url(‘CustomFont.woff’) format(‘woff’),
url(‘CustomFont.ttf’) format(‘truetype’),
url(‘CustomFont.svg#CustomFont’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5 , h6, strong {
font-family: “CustomFont” !important;
}