Home Forums Ascend Theme Custom Font Issue

This topic is: resolved
Posted in: Ascend Theme  
  • February 5, 2018 at 1:22 pm #177863

    Trying to add a custom font – Brandon Grotesque – to the Kadence slider on this site: http://worldlink.kwsmproductions.com/

    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('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf'); /* IE9 Compat Modes */
      src: url('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf.woff2') format('woff2'), /* Super Modern Browsers */
           url('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf.woff') format('woff'), /* Pretty Modern Browsers */
           url('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf.ttf')  format('truetype'), /* Safari, Android, iOS */
           url('http://worldlink.kwsmproductions.com/wp-content/themes/ascend_premium_child/fonts/Brandon_reg.otf.svg#svgFontName') 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?


    Sorry, this forum is for Premium customers only. Please Login to continue

    If you are using a free theme you can access support on wordpress.org by searching for the free theme and using the support tab.