How to Change the Fonts on the HTML Bible

Return to Index How to Change the Fonts
on Every Page
of the HTML Bible

This version of the HTML Bible uses "Cascading Style Sheets", an technique available to Netscape 4.0 and Internet Explorer 4.0 and later browsers.
After you download the software....

To Modify the Fonts If you have MS Windows for your operating system, under the "Accessories" section in your Start file, you will find Notepad or Wordpad, a text editor. Using Wordpad or Notepad, open the file "style1.css", which is located in the same folder where this document resides.
The "style1.css" file will look like this:

BODY {
}

H1 {
font-family: Diploma, times, serif;
font-weight: bold;
color: #000000;
}
H2 {
font-family: garamond, times, serif;
font-size: 18pt;
font-weight: bold;
color: #000000;
}
H3 {
font-family: Amazone BT, times, serif;
font-style: italic;
font-size: 16pt;
font-weight: bold;
color: #999999;
}
H4 {
font-family: Diploma, times, serif;
font-size: 18pt;
font-weight: bold;
color: #666666;
}
P {
font-family: Comic Sans MS, arial, sans-serif;
font-size: 18pt;
color: #000000;
text-indent: .15in;
}
A {
font-family: century schoolbook, times, serif;
font-size: 14pt;
color: #0000ff; text-decoration: none;
}

Each one of above tags controls the font and font-size of the entire HTML Bible.
The tags are associated with the fonts as follows:
H1 Tag: - Chapter Number - example: "Chapter 1"
H2 Tag: - Title of Chapter - example: "The First Book of Moses, called Genesis"
H3 Tag: - Version Title - example: "American Standard Version"
H4 Tag: - Verse Number - example "1", "2", etc.
P Tag: - Verse Text - example: "In the beginning God created the heavens and the earth. "
A Tag: - Hyperlink Text - example: "Return to Index"

To get some experience, first try changing the font-sizes. In the section:
P {
font-family: Comic Sans MS, arial, sans-serif;
font-size: 18pt;
color: #000000;
text-indent: .15in;
}
change the "font-size: 18pt;" to "font-size: 28pt;" - then save the style1.css file, open one of the HTML Bible files with your browser, or press the "Reload" button on your browser if it is already open. The fonts in the Bible text on all 1,189 webpage chapters should now be 28 point.
If you erase or overlay your style1.css file, I have included a "Copy of style1.css" file in your download.
To change the fonts, go to the fonts page, select and select a font name.
Then, take this font name and update the style1.css file. All of the fonts will change.
In the "font-family:" tag, the first font listed indicates what font should be displayed, the second font listed indicates the "default font" if the first font is not on the browser, and the last statement indicates what type of font, either sans-serif (like Arial, meaning no extra strokes), or serif (like Times, meaning accent strokes for the font).
For changing colors for each font, go to our colors page, and select the 6 digit hex code from the color chart (example: FFFFFF for white, 000000 for black, 0000FF for blue, etc.)
Once you locate your color, you can change the "color: #000000" statement. The change will be reflected throughout the web pages.