Friday, August 22, 2008

Someone asked about changing the Font of the Plurks. From the earlier post for rounded plurk boxes, you add the following two lines:

font-family: Arial, Helvetica, sans-serif;
font-size: 10px; <-- change to a size you like, but not TOO big

Example:

.plurk_cnt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #ddd;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-khtml-border-radius: 1px;
-webkit-border-radius:1px;
border-radius: 1px;
margin-right: 1px;
margin-left: 1px;
}



For the Font you would like to use, you change it here:

font-family: Arial, Helvetica, sans-serif;

For example; Arial could be change to Times


Font size you change here:

font-size: 10px;

For the Font Size change the 10 to a diff number


As part of this you can also add:

font-style: italic;

Which can change the style of the plurk text, can replace italic with:

normal
oblique


You can also add a weight:

font-weight: bold;

You change 'bold' to normal

2 comments:

Ian said...

Thanks for ALL the CSS info! It's been very helpful.

greytfriend said...

Thanks for putting all of this up for us, it's really very helpful and thoughtful of you to do it. You are a good friend!