Font in Earthtones theme?
Permalink
I just started making my website andrewtoering.com with the Earthtones stone theme. Does anyone know what the font is for the title or the main text? The screenshot of the theme on the concrete5 website looks different than my site. Thanks!
Didn't see an edit button anywhere, so I'll put this in another post: I contacted Tony who made the theme and he thought it was either Georgia or Garamond. It looks similar to Georgia, but in the screenshot it looks smoother...
look in the typography.css file, it uses Arial.
body {
2 /* customize_body */ font: normal normal 14px Arial; /* customize_body */
3 /* customize_body */ color: #ccc; /* customize_body */
4 line-height:21px;
5 background:#353535 url(http://andrewtoering.com/packages/tony_earthtones_stone/themes/earthtones_stone/./images/main_bg.jpg) repeat-x top;
6}
You can edit this inside the dashboard by going to:
Themes & Pages and then clicking Inspect button under the theme you're using.
body {
2 /* customize_body */ font: normal normal 14px Arial; /* customize_body */
3 /* customize_body */ color: #ccc; /* customize_body */
4 line-height:21px;
5 background:#353535 url(http://andrewtoering.com/packages/tony_earthtones_stone/themes/earthtones_stone/./images/main_bg.jpg) repeat-x top;
6}
You can edit this inside the dashboard by going to:
Themes & Pages and then clicking Inspect button under the theme you're using.
Thanks! Do you have any idea about the site title? It looks different from the main text. Would it be in the css file for the header?
[edit] OK I found out how to edit them. Now my question is, can anyone tell what the font on the screenshot is? I'd like to use that font for my site.
[edit] OK I found out how to edit them. Now my question is, can anyone tell what the font on the screenshot is? I'd like to use that font for my site.
There are two really easy ways to do this:
1. Get the Firebug add-on for Firefox. Go the the web page the screenshot came from and right-click the title area. The bottom option from the choices that pop-up will read, "inspect element". click this and wa-la the code (html and css) of the site will appear in the bottom of your browser. from here you can find out what font is being used in the H1 logo area.
2. Chrome browser comes with this feature built in. Get Chrome and then follow the instruction above.
1. Get the Firebug add-on for Firefox. Go the the web page the screenshot came from and right-click the title area. The bottom option from the choices that pop-up will read, "inspect element". click this and wa-la the code (html and css) of the site will appear in the bottom of your browser. from here you can find out what font is being used in the H1 logo area.
2. Chrome browser comes with this feature built in. Get Chrome and then follow the instruction above.