Adding custom font

Support
#1

HELLO-

I FOLLOWED THESE directions here:

And this is my CSS:
/*
// Libby Font.
*/
@font-face {
font-family: ‘libbyregular-webfont’;
src: url(‘http://dev.christineclemmer.com/wp-content/fonts/libbyregular-webfont.eot’);
src: url(‘http://dev.christineclemmer.com/wp-content/fonts/libbyregular-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘http://dev.christineclemmer.com/wp-content/fonts/libbyregular-webfont.woff’) format(‘woff’),
url(‘http://dev.christineclemmer.com/wp-content/fonts/libbyregular-webfont.ttf’) format(‘truetype’),
url(‘http://dev.christineclemmer.com/wp-content/fonts/libbyregular-webfont.svg#fontname’) format(‘svg’);
}
h1, h2, h3, h4, h5, h6, .post-title, .widgettitle {
font-family: “libbyregular-webfont”;
}

It does not seem to be working.

Website is here:
http://dev.christineclemmer.com/

Look forward to your response,
Kim

#2

Hi Kim,

Thank you for writing in, I see you added the code under Theme Options > CSS, that would not work there, please moved that on your Child theme’s style.css file.

And add !important statement on the line font-family: "libbyregular-webfont"; so it can overwrite the default headline font assign.

h1, h2, h3, h4, h5, h6, .post-title, .widgettitle {
font-family: "libbyregular-webfont" !important;
}

Hope it helps,
Cheers!

#3

YES! thank you!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.