Custom Font Issue

[Stephen]

Stephen

February 5, 2018 at 1:22 pm

Trying to add a custom font – Brandon Grotesque – to the Kadence slider on this site: *Login to see link

1. I’ve created a child theme and enqueued the styles.css file, added a fonts directory and placed the font files there. /public_html/worldlink/wp-content/themes/ascend_premium_child, same themes folder as my parent ascend theme.

2. I’ve added the following css in Theme Options:

@font-face {
font-family: 'Brandon';
src: url('*Login to see link /* IE9 Compat Modes */
src: url('*Login to see link format('embedded-opentype'), /* IE6-IE8 */
url('*Login to see link format('woff2'), /* Super Modern Browsers */
url('*Login to see link format('woff'), /* Pretty Modern Browsers */
url('*Login to see link format('truetype'), /* Safari, Android, iOS */
url('*Login to see link format('svg'); /* Legacy iOS */
}

.ksp-layer.ksp-text-layer {
font-family: 'Brandon', Fallback, sans-serif !important;
}

3. Turned off the option to “Load fonts from Google Fonts” in the Kadence Slider Fonts tab.
4. Checked to make sure none of my plugins should / are conflicting.

In the inspector, the slider shows it’s loading “Brandon” as the font family, but it looks nothing like the Brandon_reg.otf font itself?

What am I missing?

Thanks