Thursday, February 4, 2010

Drop Capitals in Blogger

aving a cursive text on your page, could look very nice.
The problem however, is that although you may be able to
set the style sheet to show it, the text may not appear the
same on all browsers. This lack of consistency across browsers
is a problem web designer’s deal with regularly.

ntil this problem is solved the best solution for consistent
cursive fonts, is to use an image as I have done here.
Although it may be time consuming, it may be just what your blog
needs to give it that special touch.
A dropped capital letter works in well, say with a poetry blog.

ollowing on from this problem. Blogger spaces the text that
follows away from the image. This is done by the default
style settings. The image padding is set to 1em, in order
for our text to look nice we need to reduce this.
This paragraphy I have left at it's default. As you can see
the paragraph does not look as nice as the previous two.

oving the text closer is achieved by editing the images html settings.
This is the default code for the letter ‘m’.
style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;
Em's can have a value, such as 0.1em, and even a negative value such as -0,2em.
I hope you may find this information useful!

No comments:

Post a Comment