How to adapt Font,size changes on the post to the theme

birgenengin · Member · Apr 27, 2011 at 10:48 am
Copy link

Add topic to favorites
I am using theme called Elegant Grunge but unfortunately whatever i amend style wise of the text on my post not effective when they are posted. I assume this is the reason because theme i use doesnt accept it.
Is there anyway that i can change few things on my theme that i get the right results

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 27, 2011 at 3:37 pm
Copy link
If you are expecting to be able to click a button and change fonts throughout your blog then it’s not that easily done. There are 4 ways to change fonts on wordpress.com blogs.
(1) Changing font colors and size on posts or pages either post by post or page by page http://en.support.wordpress.com/editors/font-size-color/
(2) Changing font colors using the #4 icon http://en.support.wordpress.com/visual-editor/#row-2
(3) Changing font families using TypeKit Fonts http://typekit.assistly.com/customer/portal/articles/6840-using-typekit-with-wordpress-com
(4) Changing font families, colors & sizes by purchasing an annually renewable CSS editing upgrade and doing the work yourself
http://en.support.wordpress.com/custom-css/
birgenengin · Member · Apr 28, 2011 at 11:06 am
Copy link
Thank you
allanas · Member · Apr 28, 2011 at 12:13 pm
Copy link
Hi… try this steps to manually change the font on your post:
1) Write your post as usual
2) When ready to publish, go to “Edit HTML” mode
3) Then insert this tag in between your every paragraph, for example:

<p><span style=”font-family:Cambria; font-size:16px; line-height:24pc;”>
1997-1998 Yılları arasında 75 defa seyirci karşısına çıkan Can Çelebi’nin yazdığı “Biz Kazandık” ı ilk olarak Pınar Çocuk Tiyatrosu’nun Anadolu Turnesi’nde daha sonrada benim seçtiğim ve ablalık yaptığım yeni bir kadro ile Gazete Ege Çocuk Kulübünde oynadık.Ferahi Mihenktaş, Nurkan Doruk, Ali Çelik, Zeynep Kumral,Aytaç Özgür ve Yıldırım Bayazıt tan oluşan eğlenceli ve bu oyunu çocuklara çok sevdiren bir kadro olduk.
</span></p>

This is your post looks like in Cambria font: http://dl.dropbox.com/u/26615548/cambria16px.PNG

This is my tips for beautiful paragraph (let the default theme colors):
1. font-family:Cambria; font-size:16px; line-height:24px;
2. font-family:Georgia; font-size:14px; line-height:24px;
3. font-family:’Palatino Linotype’; font-size:16px; line-height:24px;

check the screenshot first if you are unsure ;)
allanas · Member · Apr 28, 2011 at 12:16 pm
Copy link
Ooops…. mistype for the html tag, pc –> px

<p><span style=”font-family:Cambria; font-size:16px; line-height:24px;”>
1997-1998 Yılları….
panaghiotisadam · Member · Apr 28, 2011 at 1:28 pm
Copy link
@allanas: The span tag is used for isolated words or phrases inside a paragraph. When you want to change one complete paragraph, you style the p tag:
<p style=[etc etc]>PARAGRAPH HERE</p>
And when you want to change the whole post, you don’t even need to style each paragraph separately; you add one div tag:
```
<div style=[etc etc]>
PARAGRAPHS HERE
</div>
```
Also note that visitors won’t see Cambria if they don’t have it in their computers, so it’s best to confine yourself to “browser-safe” fonts – see here:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
For other fonts, better use Typekit.
allanas · Member · Apr 29, 2011 at 12:21 am
Copy link
@panaghiotisadam: thanks for the correction;)
I use style in both paragraph and span</span>, that give me the same result;)

Using div is easier than using Typekit for me, just because I can’t use Georgia, Palatino Linotype, Verdana, and Cambria font in Typekit;)

btw thanks for the link…
birgenengin · Member · May 3, 2011 at 8:39 pm
Copy link
Thank you both, i will try for my next post but as im not great with those html formulas im already quite confused, i hope to manage it :)
timethief · Member · May 4, 2011 at 12:17 am
Copy link
@birgenengin
Please try and if you need help then let us know and we will provide it. :)

No items found.