WordPress.org

1. blueamulet
   Member
   Posted 1 year ago #

   OK, I got away from a theme that was giving me trouble and went to a different one which is fine, but I would kinda like to try a simple font change from the stark-looking blocky header I have now. I understand that Google API fonts can be used, and it's supposedly easy, but I can't really work out how this is done. Unless I can do it thru my FTP rather than the default file editor at WP? Seems it should be a fairly simple matter, but I don't know. Using API fonts is new to me...

2. cubecolour
   ɹoʇɐɹǝpoɯ
   Posted 1 year ago #

   If adding the code is beyond you, perhaps Adrian Hanft's WP Google Fonts plugin would be easier for you? http://wordpress.org/extend/plugins/wp-google-fonts/

3. blueamulet
   Member
   Posted 1 year ago #

   Probably!!! I don't know much about css and even less about php. Was wondering about a plugin solution, thanx for this, as I know it will a safe download! And it will likely make things easier for me.

   OR, maybe not? It seems even with the plugin, I will need to insert css code to change the specs. And for a header, I wouldn't know where to find the exact tag...?

   On some themes I'd like to tinker with the main posting font (I have weak eyes and some of those fonts are microscopic!), but I don't know where to locate the tags for that either...

4. cubecolour
   ɹoʇɐɹǝpoɯ
   Posted 1 year ago #

   Try the plugin before convincing yourself that it'll be beyond you.

   In the Options you can just set what font you want and which heading levels to add it to. I don't think the plugin author could have made it much easier.

   To locate tags, install Chris Pederick's web developer plugin into Firefox http://wordpress.org/extend/plugins/wp-google-fonts/screenshots/

   Then enable "Outline Current Elements" to get a tremendous feeling of power as you can see exactly what to target in the stylesheet to change anything in the front end.

5. blueamulet
   Member
   Posted 1 year ago #

   Awesome, that would be just what I need. So, will do! thankx

   "Tremendous feeling of power," isn't that what we all wish for? HEHE, that could be dangerous! 8^D

   When I first tried the plugin, my current theme header did not show any change. However...what surprised me was that when I previewed a few other available themes for other reasons, they showed the change! And yet they aren't even activated. The size of the font was too small, though, causing the fancy lettering to look crowded rather than beautifying the header. Shouldn't there be a means of simply enlarging the font as needed?

   Well, anyway, I'm off to locate me some tags... Oh, I see what you mean on the screenshot. That part's easy. BUT...what about the main post area, if one would want to, say, change from tiny Arial or sans serif (argh, eye killers) to a somewhat larger and easy to read font? Would I choose "paragraph"?? ... This is assuming I had a theme activated that would accept the change.

6. cubecolour
   ɹoʇɐɹǝpoɯ
   Posted 1 year ago #

   Some themes put the main title in an H1 heading, some don't - that probably explains the discrepancy you are seeing.

   If you can post a link to your site and describe the changes you want it might be possible to advise you of what to change in your stylesheet, but its too general a question without seeing how your theme is displaying things currently.

7. blueamulet
   Member
   Posted 1 year ago #

   'Kay, no prob. Here's my link-

   http://tunes.comxa.com/wordpress/

   and as you can see, Voidy is looking good but I'd rather see a more ornate heading, such as the font 'Tangerine' would give me. And a bit larger, at least the same size as what the header looks like at present.

   The text looks fine here otherwise. You don't see many themes that have such clear text as this one does. But for future reference I'd like to know how to change the tiny itty-bitty fonts I see on other themes...some of them so lovely, but spoilt for me by the almost-impossible-to-read text. I realize this might not be do-able, though.

8. cubecolour
   ɹoʇɐɹǝpoɯ
   Posted 1 year ago #

   The site title in the masthead is marked up as

   <div id="logo">
   		<div id="h1">

   Which strikes me as a bit of a strange way of doing it. It would make more sense to have an actual h1 heading element rather than a div with the id of h1.

   The result of this is that the line generated by the plugin:
   

   h1 { font-family: 'Tangerine', arial, serif; }

   Has no effect as the logo is not an h1, but a plain old div.

   If you change the stylesheet (style.css) which deals with the logo from
   

   #logo #h1{
   	float:left;
   	font-family:Georgia, serif;
   	font-size:48px;
   }

   #logo #h1{
   	float:left;
   	font-family: 'Tangerine', arial, serif;
   	font-size:48px;
   }

   It should change your masthead text's font it as long as the plugin is set up & working correctly and able to use the google fonts.

9. blueamulet
   Member
   Posted 1 year ago #

   Yes, the plugin works fine, it was causing a few of my other installed but non-active themes to change header fonts, which for me was weird but proof that I installed the plugin correctly.

   The WP editor seems to work differently than in the past; so I should be OK doing any editing via FTP, I presume? I don't see any other means of making a file "writeable."

   This is a more or less experimental effort. The header is all right "as is" but a tad plain for my rather ornate tastes *G*

   'Tangerine' is the only really feminine font Google has right now that looks a lot different from the others...

   Oh, it worked!! I got adventurous and tried setting the px size larger, and that worked too. Now it's about the way it should be! I'd go even larger but the tails of the letters might come down too far...

Topic Closed

This topic has been closed to new replies.