Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] [ Web Fonts ] Can't get Yanone Kaffeesatz to render


  #1  
Old Aug 23, 2014, 10:11 PM
Auriel Kitsu's Avatar
Auriel Kitsu
 
43 posts · Aug 2014
Cincinnati, OH (USA)
Send a message via Yahoo to Auriel Kitsu Send a message via Skype™ to Auriel Kitsu
I'm studying web fonts and I'm going to keep the Yanone Kaffeesatz as the title and other 700 class text and very sparingly use Orbitron for things like the tag line following the site name. Appearance > Montezuma Options > CSS Settings > Adding Google Fonts.
I am having trouble understanding how to format the declaration indicating the name and weight of the font-family.

This works great
Code:
  @import url(http://fonts.googleapis.com/css?family=Orbitron:400);
  font-family: Orbitron;
  font-size: 12px;
But when I make the same statement with Yanone Kaffeesatz it's a complete fail.
Code:
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700)
Anyone have a thought or two?

To be clear, I'm trying to use the Google Web Font "Yanone Kaffeesatz".
Using this . . .
Code:
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
font-family: 'Yanone Kaffeesatz', sans-serif;
http://codepen.io/Auriel/pen/vobGq

Thank you.
  #2  
Old Aug 24, 2014, 07:22 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I always use the standard code not the @import
HTML Code:
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 24, 2014, 08:08 AM
Auriel Kitsu's Avatar
Auriel Kitsu
 
43 posts · Aug 2014
Cincinnati, OH (USA)
Send a message via Yahoo to Auriel Kitsu Send a message via Skype™ to Auriel Kitsu
I tried that. The import is one of two standard formats that the user is presented with when you are selecting Google free fonts. Import is appropriate when you are crafting CSS. In this case it has no relevance because I've tried them both and if you follow the link I provided you can see that it doesn't work.
http://codepen.io/Auriel/pen/vobGq

I just get sans-serif.
  #4  
Old Aug 25, 2014, 02:39 AM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
There's something slightly wrong with the codepen that you put up. You should move the stylesheet links over from the CSS pane over to the HTML pane, and you can remove the <style> tags from the CSS pane.

Here's a modified fork: http://codepen.io/anon/pen/EjIbg
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!
  #5  
Old Aug 25, 2014, 03:01 AM
Auriel Kitsu's Avatar
Auriel Kitsu
 
43 posts · Aug 2014
Cincinnati, OH (USA)
Send a message via Yahoo to Auriel Kitsu Send a message via Skype™ to Auriel Kitsu
Now that you show me it's glaringly obvious.
Seriously, thank you CrouchingBruin.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
HowTo: replace google fonts with @fonts marklevine Montezuma Theme 1 Jul 25, 2014 10:42 AM
Atahualpa Theme Options page won't render properly Hackrepair New Versions, & Updating 12 Sep 19, 2013 03:37 PM
IE render issue tixcoca Page & Category Menu Bars 2 Dec 8, 2010 03:31 AM
Post doesnt pull from database to render in HTML Newdust.com Center area post/pages 3 Feb 22, 2010 05:50 PM


All times are GMT -6. The time now is 05:56 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.