Let's see if the post title is itallic?
Test successful. Blogger allow CSS in the post title field. The above individualized post title was created by putting the following into the post title field:
<div style="font-style:italic; color:red;">Test font style for post title</div>
A second test proved that one can also use <span> too like below:
<span style="font-style:italic; color:red;">Test font style for post title</span>
and even nest span within span (or div) like the above title which is now two colors using the following:
<span style="font-style:italic; color:red;">Test <span style="color:green;">individual&kt;/span> font style for specific post title</span>
However, test revealed there probably is a limit on the number of characters one can put in the post title field to make it really multi-color.
Showing posts with label fonts and colors. Show all posts
Showing posts with label fonts and colors. Show all posts
Sunday, July 04, 2010
Saturday, June 05, 2010
Test post title color font type and size
This post is to test if inline CSS can be activated in post title to control the font type, color and size.
Below is what I typed into the post title box:
<span style="color:red; font-family:Reenie Beanie; font-size:140%">Test post title color font type and size</span>
and as you can see from the post title of this post is different from the other posts in this blog. The styling of this post title is controlled by the inline CSS
Note that while font-color and font-size doesn't require extra word, to display the Reenie Beanie font, some code to enable @font-face must be added to the CSS part of the template which has been tested at Test @font-face and inline CSS
Below is what I typed into the post title box:
<span style="color:red; font-family:Reenie Beanie; font-size:140%">Test post title color font type and size</span>
and as you can see from the post title of this post is different from the other posts in this blog. The styling of this post title is controlled by the inline CSS
Note that while font-color and font-size doesn't require extra word, to display the Reenie Beanie font, some code to enable @font-face must be added to the CSS part of the template which has been tested at Test @font-face and inline CSS
Monday, January 28, 2008
Change text font: Test
Just a simple test to see if different templates may give different varieties of fonts for the blog text. Refer to Change fonts for New Blogger.
What I did was just followed the above method to see what fonts for the blog text are available for 2 blogs with 2 different templates, one using New Blogger Minima template modified to 3 column and another using Rounders 4 template modified to 3 column.
Result: In both cases, I found the choices of fonts available was just 6, and were the same for both templates. The fonts available are:
The next question would be if it is possible to add more choices by editing the CSS (Cascading Style Sheet) of the template, but this will take longer time and success is doubtful. That would have to be put off to the future, if I ever remember.
Update: I had a quick look at a template of one of my blogs, and perhaps it is not too difficult to test. I may have to edit lines like
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
If the above is sufficient to give you an idea as to how to go about trying, hope you share your experience with us by leaving a comment.
What I did was just followed the above method to see what fonts for the blog text are available for 2 blogs with 2 different templates, one using New Blogger Minima template modified to 3 column and another using Rounders 4 template modified to 3 column.
Result: In both cases, I found the choices of fonts available was just 6, and were the same for both templates. The fonts available are:
- Arial
- Courier
- Georgia
- Times
- Trebuchet
- Verdana
The next question would be if it is possible to add more choices by editing the CSS (Cascading Style Sheet) of the template, but this will take longer time and success is doubtful. That would have to be put off to the future, if I ever remember.
Update: I had a quick look at a template of one of my blogs, and perhaps it is not too difficult to test. I may have to edit lines like
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
If the above is sufficient to give you an idea as to how to go about trying, hope you share your experience with us by leaving a comment.
Subscribe to:
Posts (Atom)