Neutra theme: change header font without changing font family
-
I want to change the header font without changing the font family. How do I do that?
The blog I need help with is: (visible only to logged in users)
-
The only way to change a font is to declare or change a font family. Could you explain a little more what you want to do?
And what are you meaning when you say “header”? The blog title at the top left, the post and pages titles, what?
-
I want to change the font of the blog title at the top left and leave the rest of the fonts the same. If I understand correctly, I will have to delete the font family and designate/declare a font for everything?
-
-
-
-
-
Use the code below and replace “courier” with a comma seperated list of fonts you’d like to use in order of preference. This will change only the blog title to a new font.
#header h1 a {font-family:courier;} -
One thing I’ll add is that you need to be careful with you choice of fonts. If the fonts aren’t one of the standard fonts typically included with an OS, then when someone without that font visits your site, their browser will substitute something else all on its own and things won’t look like what you intended. The following link shows the standard fonts on Windows and Macs.
-
-
One last question….what if i do want to use a script font such as “Automobile” in the header? Is there a way to work around the supported OS fonts? I was thinking I could use Photoshop to make my header and then insert it in the blog as a header image.
-
-
One last question….what if i do want to use a script font such as “Automobile” in the header? Is there a way to work around the supported OS fonts? I was thinking I could use Photoshop to make my header and then insert it in the blog as a header image.
- The topic ‘Neutra theme: change header font without changing font family’ is closed to new replies.