Prose Not Displaying Google Fonts

[NathanBWeller]

I'm attempting to import a specific google font as my blog's header title and header tagline by following the instructions in this post. Unfortunately it does not seem to be having any effect.

Here is the css I've used:

/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC);

#header .title-area {
font-family: 'Playfair Display SC', serif;
}

Any help would be appreciated 🙂

Thanks,

Nathan

http://nathanbweller.com/

[dev]

Turn off the minified CSS switch (not sure where it is, but it is somewhere in the theme settings) and we can help you.

[editorial]
Please folks. If you want help please not only give us a link to the site but make sure your CSS file is NOT minified. Many of us use Chrome's "Inspect Element" tool to help debug a problem and we can't read a minified CSS file.
[/editorial]

[NathanBWeller]

Sorry about that. Turned off.

[dev]

Put this at the end of your custom.css:

.header-full-width #title-area, 
.header-full-width #title-area #title, 
.header-full-width #title-area #title a {

font-family: Playfair Display SC;
}

Let us know if it works.

Dev
NewMedia Website Design

[dev]

Oh... and put this after the above:

#title-area #description {
font-family: 'Playfair Display SC'
}

OR... put it all in one override:

#title-area #description, .header-full-width #title-area, 
.header-full-width #title-area #title, 
.header-full-width #title-area #title a {
 
font-family: Playfair Display SC;
}

(I prefer to keep areas separate most of the time, but to each their own!)

Dev
NewMedia Website Design

[NathanBWeller]

That worked, thanks!

[Author]

Posts