Custom font changes not reflecting in Firefox

Support
#1

Hi guys,

Just added some custom font the website: https://kryptonitecreative.com but the changes are not reflected in Firefox. ANy idea what the cause for that is?

Details:

style.css code:
@font-face {
font-family: ‘Enter-The-Grid’;
src: url(‘https://kryptonitecreative.com/wp-content/Fonts/Enter-The-Grid.eot’);
src: url(‘https://kryptonitecreative.com/wp-content/Fonts/Enter-The-Grid.eot?#iefix’) format(‘embedded-opentype’),
url(‘https://kryptonitecreative.com/wp-content/Fonts/Enter-The-Grid.woff’) format(‘woff’),
url(‘https://kryptonitecreative.com/wp-content/Fonts/Enter-The-Grid.ttf’) format(‘truetype’),
url(‘https://kryptonitecreative.com/wp-content/Fonts/Enter-The-Grid.svg#svgFontName’) format(‘svg’);
}

Custom CSS:
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: ‘Enter-The-Grid’ san-serif;
}

#2

Hi There,

Thank you for writing in, your custom font does not work with Chrome either. You miss an important thing on your custom CSS, a comma separator. Please update your CSS to this:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Enter-The-Grid', san-serif;
}

Clear your browser’s cache and any caching plugin/feature the site might have after you made the changes.

Cheers!

1 Like
#3

Great, thanks for the help! Didn’t notice that comma at all.

#4

Glad that we could be of a help :slight_smile: