FONTS

"Font" has to do with the size and shape of your lettering and other typed characters. On the top tool bar you will see the main regulator of web site fonts with a bar reading (Browser default) and next to it another bar with the number 12. Each bar also has a small down-arrow. By clicking on it you can change font. The "FONT" title above was made by setting the first bar at "TimesRoman" and the second bar at 14. The present type is (Browser default) and 12 After clicking on the down arrows, you click on whatever settings you want on the drop-down menu. Then type.

This box is Arial and 24 (+3) settings.

This is Courier 14(+1)with an added B (for "Bold") effect. The effect buttons are the B and I buttons on the tool bar: B for Bold and I for Italics. To use effect, first set the initial two bars as above. Then click on the small button adjacent to the bar with the numbers like 14 (+1). This "alignment button" has a number of thin horizontal lines on it. After clicking on the alignment button, click on the B button. Then type.

This text box is using Arial Black, 18 (+2) and I settings. The alignment button was again clicked after the 18 (+2) setting.

UNDERLINING This box is Andale Mono 14 (+1). I saved it after typing the previous sentence, then reopened it and re-set Andale Mono and 14 (+1), followed by clicking on the alignment button and then the U button. As a result, all of the subsequent type is underlined.

HIGHLIGHTING AND DELETING This sentence is highlighted.

How did I do the highlighting above? (1) I set the font at Courier and 18 (+2) and typed the sentence. Then (2) I did a "click and drag" procedure on the sentence. Upon release of the click and drag, the sentence was highlighted in a preliminary way. (3)  I clicked on the alignment button and then (4) I chose to click on B for Bold. after which (5) I clicked on the small T-yellow-coloured button on the tool bar above. Then (6) I clicked outside the highlighted text (anywhere outside but still within the text box). That gave the final highlighting effect. I am repeating that procedure in this text box with (Browser default) and 12 font settings. I will highlight the phrase which follows in blocks. And I am doing the highlighting AFTER THE REST OF THE TEXT IS TYPED. If highlighting is done at the end of the text, all subsequent type in a re-opened box which immediately follows will be automaticaly highlighted. You can skip the alignment and B or I settings and go directly to click and drag and then use of the T-yellow-coloured button to highlight. Most people who have arrived at this lesson will know how to delete text. You click and drag over the text. Then press the Enter key. .

TO CHANGE FONTS FOR ENTIRE TEXT AT ONCE This text box was first typed with (Browser default) and 12 settings. Then I changed the settings on the tool bar to TimesRoman and 14 (+1). However, the text box must be OPENED WITH A SINGLE CLICK ONLY. A single click gives you an open text box with a single-line border. A double click gives you a double-line border. The entire text within the box is instantly changed to the new font. You may have to exit from the text box you are working on to perform this procedure, then return to it with a single click and then re-set the fonts to change all of the text within it. Sometimes it seems you have to open a box higher on the page first. I'm not sure of the exact procedure except that by clicking on various boxes and retrying this open-with-a-single-click-and-set-fonts procedure I have always been successful in hundreds of attempts.

That's all for this lesson, folks. After the next lesson you will have enough detail to construct a varied and colourful web page.