visiblesoul auction template tutorial #3
font
< previous tutorial | tutorials home | next tutorial >
The <font> tag
The font tag changes the appearance of the text on an html page. You can specify the face, size and the color of your font. The font tag is being phased out of the html standards and it is "deprecated" in the latest versions of html and xhtml. The font tag, though deprecated, is still functional and may be used for auction descriptions.
The new standard for formatting font attributes is by using stylesheets. Since we do not have access to the "head" section an eBay auction page the only way to use styles is to include them in html tags as "inline styles". It will pay off for the future to learn how to use css styles. For more information about styles check out w3schools css tutorial or webmonkey's stylesheets guide.
Attributes for the <font> tag
- face: The font "face" attribute sets the type of font to use for your text. If you do not specify a font face, or if the viewer doesn't have your specified font installed on their computer, then the font face will display as the default font on the viewer's computer. It is good practice to specify your first, second, and third choice of font face as well as specifying a generic font type. For example <font face="verdana, arial, helvetica, sans-serif">. In this example "verdana" will display unless the viewer doesn't have this font, inwhich case it will display as arial. If the viewer doesn't have any of your specified fonts then their default "sans-serif" font will display which every computer will have.
If you type this:
<font face="comic sans ms, arial, helvetica, sans-serif">This is "comic sans ms" font face. If it displays as arial or another font you don't have comic sans ms installed on your computer.</font>
It will look like this:
This is "comic sans ms" font face. If it displays as arial or another font you don't have comic sans ms installed on your computer.
- size: The font "size" attribute sets the size of the font. If you do not specify a font size the font will display as the default font size on the viewer's computer. Font sizes may be specified in numbers from 1 to 7 with 1 being the smallest font.
If you type this:
<font size="1">This is font size 1.</font><br>
<font size="2">This is font size 2.</font><br>
<font size="3">This is font size 3.</font><br>
<font size="4">This is font size 4.</font><br>
<font size="5">This is font size 5.</font><br>
<font size="6">This is font size 6.</font><br>
<font size="7">This is font size 7.</font><br>
Note: <br> tag is the "break" tag. It creates a break between lines of text without leaving a space like the paragraph tag does.
It will look like this:
This is font size 1.
This is font size 2.
This is font size 3.
This is font size 4.
This is font size 5.
This is font size 6.
This is font size 7.
- color: The font "color" attribute sets the font color for your text. If you do not specify a font color then the font will display as the default color which is black. Font color may be specified by hexidecimal number (e.g. font color="#000000" is the number for black) or in many cases by color name (e.g. font color="black"). There are many color charts on the web to use for reference.
If you type this:
<font color="#990000">This is font color #990000 which is crimson red.</font>
It will look like this:
This is font color #990000 which is crimson red.
Combining font attributes:
If you type this:
<font face="comic sans ms, arial, helvetica, sans-serif" size="3" color="#990000">This is font face "comic sans ms, arial, helvetica, sans-serif", font size "3", and font color #990000 all in one font tag.</font>
It will look like this:
This is font face "comic sans ms, arial, helvetica, sans-serif", font size "3", and font color "#990000" all in one font tag.
Example Auction Template:
This is an example of an auction template using only the <h3>, <h4>, <p> and <font> tags. Color and font can help to define your sections. Just don't overdo it on the fonts or colors or your template will look garish and unprofessional.
My Widget
Item Description:
You ARE bidding on my very lame widget. We both know that you don't need this widget but, if there is anything to this power of suggestion I keep hearing so much about then you will really want this widget anyway. Widget is in mint condition with a few cracks in the case. Mint widget is in non-working order. This widget is from my personal collection which, although it doesn't actually mean anything, will probably give you the impression that I actually took care of the dang thing. I'm glad to get rid of this piece of junk. Please email me if you want me to end this auction early and sell it to you "off-eBay". After I get your money I can re-list it and sell it again knowing that eBay will just tell you that you screwed up and they can't help you. I will include, as a free gift, another mint condition broken widget. This widget is a already a rip-off at my starting price but it is possibly a federal crime to sell it at my "Buy It Now" Price. Happy Bidding!
Payment Options:
I accept Wire Transfers to my Caribbean bank account and cash in small unmarked US bills.
Shipping:
$32.00. (Shipping weight: 12oz.) All my widgets are shipped via USPS Lowest-Class Parcel Post. Widgets are securely packaged in recycled pizza boxes and padded with newspapers that I get out of the neighbors' recycle bins. Please do not ask me to combine shipping on multiple widgets. My time is very valuable and I resent wasting it packing and shipping your widget in the first place so you're lucky that I am willing to ship it to you at all. Also masking tape is not free and I should be reimbursed for all the days I have to wake up early to dip into the neighbors' recycling bins before they wake up. Please allow 3 weeks for me to actually ship and 6 weeks for transit.
Feedback:
I love leaving negative feedback. Push me and see what happens chump. I buy and sell newbies like you every day. I didn't get to be a powerseller by making nicey-nice with losers like you. Shoot, I'll probably neg you even if you leave me a positive so let's see what you've got!
Here is how I made the above example:
My Widget
Item Description:
You ARE bidding on my very lame widget. We both know that you don't need this widget but, if there is anything to this power of suggestion I keep hearing so much about then you will really want this widget anyway. Widget is in mint condition with a few cracks in the case. Mint widget is in non-working order. This widget is from my personal collection which, although it doesn't actually mean anything, will probably give you the impression that I actually took care of the dang thing. I'm glad to get rid of this piece of junk. Please email me if you want me to end this auction early and sell it to you "off-eBay". After I get your money I can re-list it and sell it again knowing that eBay will just tell you that you screwed up and they can't help you. I will include, as a free gift, another mint condition broken widget. This widget is a already a rip-off at my starting price but it is possibly a federal crime to sell it at my "Buy It Now" Price. Happy Bidding!
Payment Options:
I accept Wire Transfers to my Caribbean bank account and cash in small unmarked US bills.
Shipping:
$32.00. (Shipping weight: 12oz.) All my widgets are shipped via USPS Lowest-Class Parcel Post. Widgets are securely packaged in recycled pizza boxes and padded with newspapers that I get out of the neighbors' recycle bins. Please do not ask me to combine shipping on multiple widgets. My time is very valuable and I resent wasting it packing and shipping your widget in the first place so you're lucky that I am willing to ship it to you at all. Also masking tape is not free and I should be reimbursed for all the days I have to wake up early to dip into the neighbors' recycling bins before they wake up. Please allow 3 weeks for me to actually ship and 6 weeks for transit.
Feedback:
I love leaving negative feedback. Push me and see what happens chump. I buy and sell newbies like you every day. I didn't get to be a powerseller by making nicey-nice with losers like you. Shoot, I'll probably neg you even if you leave me a positive so let's see what you've got!
Have a question? Post it on my forum!
Next tutorial: lists.
