Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose Theme – Google font help
- This topic has 11 replies, 2 voices, and was last updated 10 years, 9 months ago by middayminer.
-
AuthorPosts
-
June 30, 2013 at 2:47 pm #48575middayminerMember
Hi, I'm trying to add Google fonts to my blog but I'm not seeing any changes. Added this from Brian Gardner's page at http://www.briangardner.com/code/load-google-fonts/ into the custom code area
//* Load Lato and Merriweather Google fonts add_action( 'wp_enqueue_scripts', 'custom_load_google_fonts' ); function custom_load_google_fonts() { wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family=Lato:300,400|Merriweather:300,400', array(), PARENT_THEME_VERSION ); }
Is there something I'm missing? How do I change the font families available in Design Settings?
June 30, 2013 at 2:56 pm #48579middayminerMemberTo clarify, I added these in custom css and custom code areas respectively:
font-family: 'Oswald', sans-serif; font-family: 'Lato', sans-serif;
add_action( 'wp_enqueue_scripts', 'custom_load_google_fonts' ); function custom_load_google_fonts() { wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family=Lato:300,400|Oswald:300,400', array(), PARENT_THEME_VERSION ); }
July 1, 2013 at 7:29 am #48658middayminerMemberBump -thoughts on this, anyone? Studiopress support directed me to the forums for this particular query and a topic search gives no topics for setting google fonts up from scratch.
July 1, 2013 at 8:08 am #48667devParticipantSee: http://www.studiopress.com/tips/google-web-fonts.htm
You can use the code method, but CSS works just as well. (I would not use both!) You can put a 'pipe' between the different fonts if downloading more than one.
@import url(http://fonts.googleapis.com/css?family=PT+Sans|Constantia|EB+Garamond);The issue may be the custom CSS is not overriding the normal CSS? I don't know Prose and don't use custom CSS files.
Perhaps if you gave us a link to the site we could be of more help.
[editorial] I don't understand why people ask for help, but don't give us a link to their site? Happens all the time. Maybe if we all just stop responding to requests where there is no link, people will 'get it'. [/editorial]
July 1, 2013 at 9:21 am #48678middayminerMemberWell dev, in this case I didn't link the website because I thought the method of implementing Google fonts was universal across the genesis framework, as I did not see mention of specific theme implementations here: http://www.briangardner.com/tutorials/load-google-fonts-genesis/
My decision to leave my website out was not a case of not caring enough to type out this scant piece of information, but out of a desire to keep my posts concise for the people already spending time to help me and discuss only the variables out of my control, i.e. the new code I'm trying to add.
Thirdly, my website currently reflects poorly on my technical knowledge and I take great relief in hiding it behind an under construction plugin.
In short, forgive my ignorance, here it is: http://www.foundwonders.comI've added this in the css custom code section, but it won't take.
@import url(http://fonts.googleapis.com/css?family=Oswald);
July 1, 2013 at 9:32 am #48681devParticipantYou are using the Prose theme... which seems to be problematic for lots of people. I don't know why it is so popular.
Figure out how to turn off "minify" and we can see your CSS files.
As for your tech knowledge, we all come here to increase said knowledge. No one is judging you (lest they themselves be judged!) No one cares if you are a 30-day newbie, or a 30-year vet in IT (as I am.) No one knows 'everything' and everyone is wrong... often! I'm wrong more than most... just ask my wife of 30 years!
When it comes to web development my motto is "CSS will defeat you every day!"
No ego here. No need to be defensive. We're all here to help each other.
This is a Genesis board, not a Linux board. 🙂
July 1, 2013 at 9:47 am #48686middayminerMemberI prefer to see it as being communicative than defensive. I've had enough real life misunderstandings by just not getting the other party to see where I was coming from. 🙂
Well, I can tell you why I chose Prose. Lots of design settings promised less chance of needing to code something to get the look I want. It also stood out by costing several dollars more. That must be the proof of how well the customisation works, I thought.
Right, I've unchecked minify in design settings and W3 Total Cache for css and html, just in case.
July 1, 2013 at 10:17 am #48695devParticipantWell, I see the regular style.css that does not have an @import and I see the custom css which does.
No problem. It works just fine... IF you style the parts you want to use Oswald. Just importing it does not make it a default font.
Try this in custom css:
body, p { font-family: 'Oswald','Century Gothic', sans-serif; }
It worked for me. It will change the body of all your posts and pages to Oswald.
Here is the current CSS:
body, p { color: #40454A; font-family: 'Century Gothic', sans-serif; font-size: 16px; line-height: 1.6; }
When I changed it, it got very dark so you might want to change the color. Oswald is a good title font but a crappy 'reading' font in my opinion.
July 1, 2013 at 11:00 am #48701middayminerMemberConfirming here that this is now the code I have in custom csss:
@import url(http://fonts.googleapis.com/css?family=Oswald); body, p { font-family: 'Oswald','Century Gothic', sans-serif; }
However, nothing's changed. I should mention that tech support said this: "Unfortunately, we are not able to provide assistance with this, as it will require customization to your theme’s code. Your customization question would be a great question for the community forums."
My question involved the sidebar background color, google fonts and manually adding layouts.Just found this: http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/
I temporarily removed the custom css and added this in custom code instead:
add_action( 'genesis_meta', 'wpb_add_google_fonts', 5); function wpb_add_google_fonts() { echo '<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lora|Oswald" media="screen">'; }
Nothing. I even manually edited functions.php in my child theme directory with the same code and saw no change as well!
I've reverted everything back to just the updated css code for now.July 1, 2013 at 11:27 am #48705devParticipantI just checked your site and your code is working fine. The page paragraphs are in Oswald which is what the CSS code you put in does.
Maybe you have to re-load the page after clearing your cache?
Are you using IE? Try Chrome or Firefox, etc.
It's working just fine.
July 1, 2013 at 11:42 am #48707middayminerMemberNo, I'm using firefox 21, but I found the problem. Ugh, it has something to do with noscript doing something weird even though I've whitelisted the page. Must be one of the other supplementary 'protection' features. Playing with settings now.
Oh and you're right about it being hideously dark! Terrible, terrible text font.
Edit: FOUND IT! googleusercontent needs to be whitelisted as well, even though it doesn't show up in the noscript menu for my site. Thanks dev!
Edit 2: Forgot to ask, how do I specify separate font usage for sidebars, widget text, the nav menu and header/tagline ?
July 1, 2013 at 3:21 pm #48746middayminerMemberNevermind, found all of the settings by looking at the theme stylesheet. 🙂
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.