Changing Fonts in Simple HTML Pages

As of March 21, 2019, this page is still in the experimental stage.  You can help.  Please look at the images of the actual samples of the fonts, and let me know if any of the actual samples don't look the same as the text below.  Thank you.   Tom Gloger

Here are some fonts I found that apparently can be used when composing web pages in simple HTML with notepad.  For example, if you want text to appear heavy, Arial Black may do that for you.  Here's a sample:

To use a font, your HTML code should look like this:

<font face="Arial Black">
Type your text here.
</font>
That should result in a line of heavy characters that looks like this:

Type your text here.

You may see fonts here that do not look like the small sample next to the font name.  That may mean they are not recognized on your system.  Compare the letters Q, J, &, $, and all the numerals.  Those seem to be the characters font designers take the most liberty with.  If any of the fonts don't match the sample, please let me know so I can revise this page.

There are other ways to put fonts into HTML, but that's beyond the scope of this example.

Fonts by type: [ Sans-Serif Fonts ]   [ Serif Fonts ]   [ Mono-space Fonts ]   [ Informal Fonts ]   [ Graphic Fonts ]  


Sans-Serif Fonts

Arial
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Arial Black
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Arial Narrow
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Verdana
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Trebuchet MS
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Impact
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Lucida Sans Unicode
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Tahoma
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Roboto
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~


Serif Fonts

Times New Roman
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Garamond
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Georgia
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~


Mono-space Fonts

Courier New
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Courier
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~

Lucida Console
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~


Informal Fonts

Comic Sans MS
ABCDE FGHIJ KLMNO PQRST UVWXYZ abcde fghij klmno pqrst uvwxyz !"#$% &'()*+ ,-./ 01234 56789 :;<=>? @ [\]^_` {|}~


Graphic Fonts

If I discover universally recognized graphic fonts, I will put them here.  By "graphic" I mean that characters are little pictures rather than different styles of the same character. 

If you want to see what a web page looks like in greater detail, you may be able to increase the magnification of your browser's display by holding down the  Ctrl    key while you tap the  +   key. 


For more character choices, see my extended ASCII chart.

For more possible fonts, try these sites:


HOME
CONTACT ME