Font: Display Block Fonts

The result is:

Adjust Font Size:

+-R

In CSS file write the following code:

.fontSize
{
float:left;
display:block;
width:14px;
height:14px;
margin:0px 3px;
background:#DED6E7;
text-align:center;
color:#330066;
font-size:12px;
}
a.fontSize
{
color:#330066;
text-decoration:none;
font-weight:bold;
}

In HTML file write the following code, add class="fontSize" in the anchor tag.

<a class="fontSize" href="http://www.blogger.com/a.html"> </a>
<a class="fontSize" href="http://www.blogger.com/b.html">-</a>
<a class="fontSize" href="http://www.blogger.com/c.html">R</a>