Tutorials: Sharing some of my knowledge to help my friends



Tutorials for Vue Infinite | Lightwave (version 9) | Reason | Solidworks | Fonts | Favicons

Feel free to e-mail me, or point out my mistakes or offer your wisdom as we all progress together in digital arts knowledge.

How are fonts assigned?

The old days of the internet allowed for font to be assigned at each block with the code

<font size="2" face="Verdana, Arial, Helvetica, sans-serif"/>.

The modern way to do this, though the old way will work for years to come is through css, so that would be:
So this paragraph is assigned through

<div class="blacktext"/></p/>

The css code is:
.blacktext {
font-weight: normal;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif
}

Limitations and workarounds

The choice of font styles over the web are tiny compared with that for print, dozens rather than thousands. There are options to modify these to create variants of these fonts. The options are: italics (em), embodening (strong), font-weight, letter-spacing and colour (color). - further info -
There are 5 basic font families, one of which is fantasy, and since that is merely for decorative purposes this is ignored here. The remaining 4 are:
Serif, Sans Serif, Cursive, Monospace (mimics typewritten output).

Browser complications

All the basic font styles will be displayed identically in the various browsers, however there is a class of newer introduced font styles that will be shown in default style (usually Arial) in some of the browsers or the early versions of browsers. So compliance isn't universal, the table below will show what works and doesn't work in your browser. For extra guidance, I am also including screen shots of the table below in various major browsers, though again, this isn't comprehensive as many people stick with old versions of these browsers.

Serif styles

font sizes in points (pt)

 

5pt

6pt

7pt

8pt

9pt

10pt

11pt

12pt

13pt

14pt

15pt

16pt

17pt

Times New Roman

font
font
font
font
font
font
font
font
font
font
font
font
font

Garamond

font
font
font
font
font
font
font
font
font
font
font
font
font

Georgia

font
font
font
font
font
font
font
font
font
font
font
font
font


Sans-Serif styles

font sizes in points (pt)

 

5pt

6pt

7pt

8pt

9pt

10pt

11pt

12pt

13pt

14pt

15pt

16pt

17pt

Arial

font
font
font
font
font
font
font
font
font
font
font
font
font

Helvetica

font
font
font
font
font
font
font
font
font
font
font
font
font

Geneva

font
font
font
font
font
font
font
font
font
font
font
font
font

Verdana

font
font
font
font
font
font
font
font
font
font
font
font
font

Minion Web

font
font
font
font
font
font
font
font
font
font
font
font
font

Tahoma

font
font
font
font
font
font
font
font
font
font
font
font
font

Santivo

font
font
font
font
font
font
font
font
font
font
font
font
font

Trebuchet MS

font
font
font
font
font
font
font
font
font
font
font
font
font

Myriad Web

font
font
font
font
font
font
font
font
font
font
font
font
font

Gill Sans

font
font
font
font
font
font
font
font
font
font
font
font
font

Bernhard Modern

font
font
font
font
font
font
font
font
font
font
font
font
font

Impact

font
font
font
font
font
font
font
font
font
font
font
font
font

Arial black

font
font
font
font
font
font
font
font
font
font
font
font
font

Arial narrow

font
font
font
font
font
font
font
font
font
font
font
font
font

Lineale

font
font
font
font
font
font
font
font
font
font
font
font
font

Century Gothic

font
font
font
font
font
font
font
font
font
font
font
font
font

Geralde

font
font
font
font
font
font
font
font
font
font
font
font
font

Wedge

font
font
font
font
font
font
font
font
font
font
font
font
font


Cursive styles

font sizes in points (pt)

 

5pt

6pt

7pt

8pt

9pt

10pt

11pt

12pt

13pt

14pt

15pt

16pt

17pt

Comic Sans MS

font
font
font
font
font
font
font
font
font
font
font
font
font

Monotype Corsiva

font
font
font
font
font
font
font
font
font
font
font
font
font

Fantasy

font
font
font
font
font
font
font
font
font
font
font
font
font


Monospace styles

font sizes in points (pt)

 

5pt

6pt

7pt

8pt

9pt

10pt

11pt

12pt

13pt

14pt

15pt

16pt

17pt

Courier

font
font
font
font
font
font
font
font
font
font
font
font
font

Courier New

font
font
font
font
font
font
font
font
font
font
font
font
font

Monospace

font
font
font
font
font
font
font
font
font
font
font
font
font