Päivitetty: 18.01.2003.

Font

<< Ominaisuudet

font-family esimerkki

{ Font-family: Serif }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

{ Font-family: Sans-Serif }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

{ Font-family: Cursive }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

{ Font-family: Fantasy }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

{ Font-family: MONOSPACE }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

{ Font-family: Arial, Helvetica, sans-serif }
abcdefghijklmnopqrstuvwxyzåäö
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
1234567890.:,;("*!?')

<< Alkuun

font-weigh esimerkki

Normal

Bolder la Lighter esimerkki:

/* CSS */
P { Font-weight: bold}
b {Font-weight: bolder}
i {Font-weight: lighter }

/* HTML */
<p>Muista <b>aina</b> juoda
paljon <i>vettä</i>, niin ei
tule jano.</p>

Muista aina juoda paljon vettä, niin ei tule jano.

Font-weight 100

Font-weight 200

Font-weight 300

Font-weight 400

Font-weight 500

Font-weight 600

Font-weight 700

Font-weight 800

Font-weight 900

<<Alkuun

font-size esimerkki

CSS määrittä koot kolmeen eri ryhmään: Koko, pituus ja %-mitta

Koko:
Absoluuttiset koot: Suhteelliset koot:

xx-small

Smaller ja Larger esimerkki:

/* CSS + HTML /*
p {Font-size: small }
b {Font-size: larger }
i {Font-size: smaller }

<p>Muista <b>aina</b> juoda paljon <i>vettä</i>, niin ei
tule jano.</p>

Muista aina juoda paljon vettä, niin ei tule jano.

x-small

small

medium

large

x-large

xx-large

Pituusmitat:
Suhteelliset Absoluuttiset

Font-size: 1.8em

Font-size: 0.2in

Font-size: 3ex

Font-size: 7mm

Font-size: 25px

Font-size: 0.5cm

Käytä näytölle tarkoitetun tekstin muotoiluun aina suhteellisia mittoja!

Font-size: 15pt

Font-size: 1pc

%-mitta

Font-size: 120%

1,2 x alkuperäinen koko

Font-size: 80%

0,8 x alkuperäinen koko

<<Alkuun

font esimerkki

Sääntö: Sama pikakirjoitteena: Tulos:

font-size: 12pt;
line-height: 14pt;
font-family: sans-serif

font: 12pt/14pt sans-serif

Font 12/14 Sans-Serif

font-size: 120%
font-family: Serif

font:
120% Serif

Font 120% Serif

font-weigh: bold;
font-style: italic;
font-size: large;
font-family: Arial

font: bold italic medium Arial

Bold italic medium Arial

font-style: normal;
font-weight: normal;
font-variant:small-caps
font-size: 110%;
Font-height: 110%;
font-family: cursive

normal small-caps 110%/110% cursive

normal small-caps 110%/110% cursive

<<Alkuun

© Petteri Perälä 2001-2003.
E-mail: [ petepe@mbnet.fi ].