Kookaburra Header Prepend Font-family w/ not working

Backlight 4 & 5 Support
#1

Hi all,

when designing the Kookaburra page I noticed that the assignment of a font in the HEADER section does not work.

In the style.css I have specified

@font-face {
font-family: ‘DaysOne’;
src: url(’/backlight/custom/fonts/DaysOne.eot’); /* IE9 Compat Modes /
src: url(’/backlight/custom/fonts/DaysOne.eot?#iefix’) format(‘embedded-opentype’), / IE6-IE8 /
url(’/backlight/custom/fonts/DaysOne-Regular.woff’) format(‘woff’), / Modern Browsers /
url(’/backlight/custom/fonts/DaysOne-Regular.ttf’) format(‘truetype’), / Safari, Android, iOS /
url(’/backlight/custom/fonts/DaysOne-Regular.svg#svgFontName’) format(‘svg’); / Legacy iOS */
}

and under Prepend Font-family w/

‘Days One’, sans-serif;

Assigning the same font under TYPOGRAPHY / Headlins and Subheadings works.

AND, would it be possible to add a Header, secondary to the Header section???

any help is appreciated.

Best regards,
Oliver

#2

What I’m finding is that none of the prepend font family areas I’ve tested are working other than the main one in Typography.
The only way I’ve been able to introduce a custom font in Backlight settings is in the Typography section. And then, the font is applied globally.

I can overwrite the global setting in the various areas (Header, headings, running head, etc.) by choosing one of the font families in the drop-down.

But if I choose one of those families in the Typography section, I can’t override it in any areas (except Typography) by prepending.

Could be it’s still on Matt’s Kookaburra to-do list.

#3

Thanks again Rod for your prompt reply.

So we have to wait for an awesome bird with feathers :slight_smile:

Best regards,
Oliver

#4

I will look into this. Supposed to work, but of course bugs are a possibility.

#5

Sorry, took me a while to get around to looking into this. The font-family controls work fine, but you need to choose something other than “Inherit” before you can use the prepend feature to add your own.

I should rethink the UI a little bit so people don’t fall into this trap.

1 Like
#6

Hi Matt,

thanks for the tip.
Including a local font works now after I added

@font-face {
    font-family: 'Days One';
    font-style: normal;
    src: local('DaysOne'),
        url('/backlight/custom/fonts/DaysOne.ttf') format('truetype');
	}

in the css file instead of the style mentioned above.

Many greetings,
Oliver