Se kilde til CSS-font

Ved hjælp af fonts, eller på dansk: skrifttyper, kan vi bestemme alt om skrifttypen vi bruger. De forskellige ting kommer vi ind på længere nede.

== Font family ==

Der findes to typer familier<ref>[http://www.w3schools.com/cssref/pr_font_font-family.asp www.w3schools.com Font-family]</ref>: 

''family-name'' : Som fx. "times", "courier", "arial" osv.

''generic-family''. : Som fx. "serif", "sans-serif", "cursive", "fantasy" osv.

===Eksempel:===

<pre>
<style type="text/css">
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</pre>

Giver disse skrifttyper:

[[Fil:Font-family-ex.jpg]]

== Font size ==

Skal beskrive størrelsen på teksten.

===Eksempel:===

<pre>
<style type="text/css">
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
</style>
</pre>

Giver disse størrelser:

[[Fil:Font-size.jpg]]

== Font style ==

Stilen skal beskrive om teksten skal være kursiv, normal, italic eller noget helt andet.

===Eksempel:===

<pre>
<style type="text/css">
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
</style>
</pre>

Giver disse stile:

[[Fil:Font-style.jpg]]

== Font variant ==

Med dette kan man gøre små bokstaver, til blokbogstaver - hvor de stadig er mindre end normalt

===Eksempel:===

<pre>
<head>
<style type="text/css">
p.normal {font-variant:normal;}
p.small {font-variant:small-caps;}
</style>
</pre>

Det giver disse varianter:

[[Fil:Font-variant.jpg]]

== Font weight ==
 
Med dette kan man bestemme tykkelsen på bogstaverne - altså om bogstaverne skal skrives meget tynde, eller meget tykke.

===Eksempel:===
<pre>
<style type="text/css">
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</pre>

Det giver:

[[Fil:Font-weight.jpg]]

==Referencer==
<references />
{{webdesign}}
[[Kategori:CSS_Egenskaber]]