The span and div tags for changing font
In this tutorial, i will desribe how to change the font through use of the <div> and <span> tags.

The <span> tag

<span style="font-family: Verdana; font-size: 16pt; color: #0000FF; font-weight: bold;">This is a large, bold, blue font</span>

Change the Veranda to any font you have on your browser.
Change the 16pt to the size you want you text to be.
Change the #0000FF to any browser supported hex color code (a list of which can be found here.
You can keep the bold bit to make your text bold, or you can take out the whole 'font-weight: bold;' bit.

The <div> tag

<div style="font-family: Verdana; font-size: 16pt; color: #0000FF; font-weight: bold;">This is a large, bold, blue font</div>

That works much the same as the <span> tag. Same attributes.

To learn more about CSS, you can read the Webmonkey tutorials or search the web for "CSS tutorials."

Keith

(Post a new comment)

	sagerakurai 2002-09-22 10:38 am UTC (link)
	What's the difference between Span and regular old font? (Reply to this) (Thread)

Re:

keithylishus
2002-09-22 10:41 am UTC (link)

Well, font is really outdated now-a-days, so you are encouraged to use the span or div tags when you change the font, as it is more 'acceptable'. One exception, is that you cannot use the span or div font tags on DeadJournal userinfo pages, so you have to use the old font tags. In support, we are encouraged to tell users to use div and span instead of font. See this post in

helpscreening for more details.

(Reply to this) (Parent)

	jademystique 2002-09-22 11:44 am UTC (link)
	(Just in case someone asks) Also, to make the font italics, stick in font-style:italic in the style="" section. To underline the text, add in text-decoration: underline. An example: <span style="font-family: Verdana; font-size: 16pt; color: #0000FF; font-weight: bold; font-style:italic; text-decoration: underline;">This is a large, bold, italicized, underlined blue font</span> (Reply to this)