Customizing Font Faces, Colors and Backgrounds

  
   Introduction  

In this tutorial, we will teach you how to use some basic HTML commands to change your font face, color, and background color.  HTML is the common code for displaying web pages, which can be used in conjunction with Penn State's basic text editor.  This tutorial may be helpful to those without a text editor such as Microsoft Word.  Any beginner can attempt this procedure with practically zero consequences, and the entire process takes only a few minutes.  To begin, you will need a computer with internet access.

Screencast Tutorial

<!--[if !supportLists]-->1.   <!--[endif]-->Access your webspace and manage a page or entry.

<!--[if !supportLists]-->2.   <!--[endif]-->Switch the text box to HTML mode by clicking the <A>.

<!--[if !supportLists]-->3.   <!--[endif]-->Find the text you wish to edit.

Scroll through the document or use "ctrl+f" to find the written text that you want to modify. 

<!--[if !supportLists]-->4.   <!--[endif]-->Modify the HTML tags immediately prior to the written text. 

Within the HTML code associated with your text, you will find several property assignments.  Look for the assignments titled "font-family:", "color:", and "background:".  Highlight the names of each corresponding property and replace with the value of your choice.  When changing the color or background, always use the hexadecimal code. 

In some cases, the font-family, color, or background properties may not be listed.  In this situation, type the property and value immediately after <span style =" and place a semicolon at the end.  For example, <span style ="font-family: Trebuchet MS; color: #151B8D; background: #FDD017;">.  If any other properties already exist in the span style tag, leave them. 

<!--[if !supportLists]-->5.   <!--[endif]-->Click the "Preview" button to see a sample of the changes you made. 

If you like your changes and wish to save, click on the "Save" button.  Changes will automatically be republished. 

Here is a list of web-safe colors and font-families.