In our continuing quest to address the questions asked most frequently by users of WebSpawner’s easy-to-use website creation tools, today we examine the following one:
How do I change the font size/style/color?
WebSpawner’s Webpage Builder uses predetermined layout templates and font sizes to ensure an easy-to-read website on computer monitors of all sizes and resolutions. This allows all viewers, regardless of whether they use a large or small computer display, to be able to easily view and read the text within your website.
When you Modify your webpage, the Headline and Body Text steps present a simple pull-down Text Color menu to select a color for the text … by choosing a color in the menu, the color of all of the Body Text or Headline text is adjusted accordingly.
However, you can also specify the font size, style and color of certain text (without affecting the rest of the text on your webpage) by using HTML tags in the Body Text area of your webpage. For details and examples of all the tags needed to make these changes, click the orange Resources tab in the Member Menu, then click the HTML Reference Guide, as shown here:
The HTML Guide provides an overview of many HTML tags, providing specific examples of how to apply the tags for the desired effect. The Guide is arranged to allow for easy reference by Tag (in alphabetical order) or by Category (Content list), and also includes a HTML FAQ (Frequently Asked Questions) page to help you quickly locate the information desired.
The Font page in the HTML Guide gives an explanation and example of specifying font color and size…
<FONT SIZE=+1 COLOR=”#123123″>
The text here between the tags will be bigger and a different color than the rest.
When you enter HTML tags like the one above into the Body Text area of your webpage, the tags within the brackets (< and >) will be invisible and not displayed. These tags merely instruct the web browser (Internet Explorer, Safari, Firefox or other) how to display the text within the tag.
HTML tags specify colors using a six-digit hexidecimal code, which requires you to have a color chart in order to select the desired color and find the proper six-digit code. Here is an excellent color chart available to reference online: http://www.songweaver.com/html/colorchart.html
HTML tags can also be used to apply different styles to text. For example, to make text appear in italics, see this page in the Guide:
http://www.webspawner.com/cc/html/italics.html. The tag to italicize text looks like this:
The text here between the tags will be displayed in Italics.
To make text appear bold, see the following page for tag explanation and examples:
http://www.webspawner.com/cc/html/bold.html. The tag to make text bold looks like this:
The text here between the tags will be displayed in Bold.
The HTML Reference Guide contains numerous additional tags and examples to help you stylize the fonts on your website. Keep in mind that the HTML tags should be entered into the Body Text area of your webpage when you Modify your website.
Occasionally a WebSpawner member will inquire about changing the font face to a custom font. This is also possible using HTML tags; for example:
<font face=”book antiqua”>
However, WebSpawner recommends that you do NOT specify a custom font face, and many other webhosts recommend avoiding it as well. The reason for this is that if you specify a custom font which is not installed on the computer of a viewer of your website, the viewer’s browser will be forced to substitute another font and there may be unexpected display results or possibly even illegible text. It is actually the settings of the web browser on each viewer’s computer (and the fonts that are installed) that determines the font in which they will see the text of your website.