Help:Font families

GCpedia Help
Get help
Contact GCpedia admin
admin.GCpedia@tbs-sct.gc.ca

This help page describes how to change the appearance of text in GCpedia.




Font size

  • To make text a certain size, use the following code:
    • Enter <span style="font-size: 1.5em;"> before the text.
    • Choose the size
    • Enter the text
    • Enter </span> after the text.
  • Overall, your code should look like this:

<span style="font-size: 1.5em;">blah blah blah</span>

  • Once you have entered that code, your text will look like this:

blah blah blah

Font colour

  • To change the colour of text, use the following code:
    • Enter <span style="color: ColorName"> before the text. (Note American spelling of the word “color”)
    • Choose the colour
    • Enter the text
    • Enter </span> after the text.
  • Overall, your code should look like this:

<span style="color: green">blah blah blah</span>

  • Once you have entered that code, your text will look like this:

blah blah blah

  • Another way to do it is:
    • Enter <font color="ColorName"> before the text.
    • Choose the colour
    • Enter the text
    • Enter </font> after the text.
  • Overall, your code should look like this:

<font color="green">blah blah blah</font>

  • Once you have entered that code, your text will look like this:

blah blah blah


Tip

For colour names, go to HTML colour chart



Changing Font Families

To use the following font families, use the codes below:

  1. <span style="font-family: (desired font); font-size: 12pt">
  2. Enter the font you want
  3. Directly after the code, enter your text
  4. Enter </span>after the text

So, it should look like:

<span style="font-family: Monotype Corsiva; font-size: 12pt">Blah blah blah</span>

Which will turn out as:

Blah blah blah


Similarly, to use the Courier New font, use:
<span style="font-family:Courier New;">blah blah blah</span>

List of Fonts

Font Name: Example of font:
Agency FB The quick brown fox jumped over the lazy dog. 1234567890
Algerian The quick brown fox jumped over the lazy dog. 1234567890
Andale Mono IPA The quick brown fox jumped over the lazy dog. 1234567890
Arial The quick brown fox jumped over the lazy dog. 1234567890
Arial Black The quick brown fox jumped over the lazy dog. 1234567890
Arial Narrow The quick brown fox jumped over the lazy dog. 1234567890
Arial Rounded MT Bold The quick brown fox jumped over the lazy dog. 1234567890
Baskerville Old Face The quick brown fox jumped over the lazy dog. 1234567890
Bauhaus 93 The quick brown fox jumped over the lazy dog. 1234567890
Bell MT The quick brown fox jumped over the lazy dog. 1234567890
Berlin Sans FB The quick brown fox jumped over the lazy dog. 1234567890
Berlin Sans FB Demi The quick brown fox jumped over the lazy dog. 1234567890
Bernard MT Condensed The quick brown fox jumped over the lazy dog. 1234567890
Blackadder ITC The quick brown fox jumped over the lazy dog. 1234567890
Bodoni MT The quick brown fox jumped over the lazy dog. 1234567890
Bodoni MT Black The quick brown fox jumped over the lazy dog. 1234567890
Bodoni MT Condensed The quick brown fox jumped over the lazy dog. 1234567890
Bodoni MT Poster Compressed The quick brown fox jumped over the lazy dog. 1234567890
Book Antiqua The quick brown fox jumped over the lazy dog. 1234567890
Bookman Old Style The quick brown fox jumped over the lazy dog. 1234567890
Bradley Hand ITC The quick brown fox jumped over the lazy dog. 1234567890
Britannic Bold The quick brown fox jumped over the lazy dog. 1234567890
Broadway The quick brown fox jumped over the lazy dog. 1234567890
Brush Script MT The quick brown fox jumped over the lazy dog. 1234567890
Californian FB The quick brown fox jumped over the lazy dog. 1234567890
Calisto MT The quick brown fox jumped over the lazy dog. 1234567890
Castellar The quick brown fox jumped over the lazy dog. 1234567890
Centaur The quick brown fox jumped over the lazy dog. 1234567890
Century Gothic The quick brown fox jumped over the lazy dog. 1234567890
Century Schoolbook The quick brown fox jumped over the lazy dog. 1234567890
Chiller The quick brown fox jumped over the lazy dog. 1234567890
Colonna MT The quick brown fox jumped over the lazy dog. 1234567890
Comic Sans MS The quick brown fox jumped over the lazy dog. 1234567890
Cooper Black The quick brown fox jumped over the lazy dog. 1234567890
Copperplate Gothic Bold The quick brown fox jumped over the lazy dog. 1234567890
Copperplate Gothic Light The quick brown fox jumped over the lazy dog. 1234567890
Courier New The quick brown fox jumped over the lazy dog. 1234567890
Curlz MT The quick brown fox jumped over the lazy dog. 1234567890
Edwardian Script ITC The quick brown fox jumped over the lazy dog. 1234567890
Elephant The quick brown fox jumped over the lazy dog. 1234567890
Engravers MT The quick brown fox jumped over the lazy dog. 1234567890
Eras Bold ITC The quick brown fox jumped over the lazy dog. 1234567890
Eras Demi ITC The quick brown fox jumped over the lazy dog. 1234567890
Eras Light ITC The quick brown fox jumped over the lazy dog. 1234567890
Eras Medium ITC The quick brown fox jumped over the lazy dog. 1234567890
Felix Titling The quick brown fox jumped over the lazy dog. 1234567890
Footlight MT Light The quick brown fox jumped over the lazy dog. 1234567890
Forte The quick brown fox jumped over the lazy dog. 1234567890
Franklin Gothic Book The quick brown fox jumped over the lazy dog. 1234567890
Franklin Gothic Demi The quick brown fox jumped over the lazy dog. 1234567890
Franklin Gothic Heavy The quick brown fox jumped over the lazy dog. 1234567890
Franklin Gothic Medium The quick brown fox jumped over the lazy dog. 1234567890
Franklin Gothic Medium Cond The quick brown fox jumped over the lazy dog. 1234567890
Freestyle Script The quick brown fox jumped over the lazy dog. 1234567890
French Script MT The quick brown fox jumped over the lazy dog. 1234567890
Garamond The quick brown fox jumped over the lazy dog. 1234567890
Georgia The quick brown fox jumped over the lazy dog. 1234567890
Gigi The quick brown fox jumped over the lazy dog. 1234567890
Gill Sans MT The quick brown fox jumped over the lazy dog. 1234567890
GulimChe The quick brown fox jumped over the lazy dog. 1234567890
Impact The quick brown fox jumped over the lazy dog. 1234567890
Kristen ITC The quick brown fox jumped over the lazy dog. 1234567890
Lucida Console The quick brown fox jumped over the lazy dog. 1234567890
Lucida Handwriting The quick brown fox jumped over the lazy dog. 1234567890
Marlett The quick brown fox jumped over the lazy dog. 1234567890
MingLiU The quick brown fox jumped over the lazy dog. 1234567890
Monotype Corsiva The quick brown fox jumped over the lazy dog. 1234567890
MS Gothic The quick brown fox jumped over the lazy dog. 1234567890
MS Hei The quick brown fox jumped over the lazy dog. 1234567890
MS Outlook The quick brown fox jumped over the lazy dog. 1234567890
MS Song The quick brown fox jumped over the lazy dog. 1234567890
Old English Text MT The quick brown fox jumped over the lazy dog. 1234567890
Symbol The quick brown fox jumped over the lazy dog. 1234567890
Tahoma The quick brown fox jumped over the lazy dog. 1234567890
Times New Roman The quick brown fox jumped over the lazy dog. 1234567890
Trebuchet MS The quick brown fox jumped over the lazy dog. 1234567890
Webdings The quick brown fox jumped over the lazy dog. 1234567890
Wingdings The quick brown fox jumped over the lazy dog. 1234567890
Wingdings 2 The quick brown fox jumped over the lazy dog. 1234567890
Wingdings 3 The quick brown fox jumped over the lazy dog. 1234567890