Ekstra menu / profil indhold her

Sæt Dine egne fonts cross-browser

Notat: vis eksempel af fonten og se hvilken type fonten er

Notat: " your FontName " og " real FontName " kald dem hvad du vil

http://www.google.com/webfonts

1

<style>

2

@font-face {

3

font-family: " your FontName ";

4

src: url( /location/of/font/FontFileName.eot ); /* IE */

5

src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */

6

}

7

</style>

Brug den som du ville alle andre fonte i dit stylesheet

1

<style>

2

.yourFontName { font-family:" your FontName ", verdana, helvetica, sans-serif;}

3

h1 {font: 28pt " your FontName ", arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

4

</style>

BeoFont &

BeoFont &

1

<style>

2

@font-face {

3

font-family: BeoFont;

4

src: url("/style/fonts/BeoFont.ttf");

5

src: local("BeoFont"), url("/style/fonts/BeoFont.ttf") format("opentype");

6

}

7

.BeoFont {font-family: BeoFont, verdana, helvetica, sans-serif;}

8

h1 {font: 28pt BeoFont, arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

9

</style>

10

11

<h1>BeoFont &</h1>

12

<h2 class="BeoFont">BeoFont &</h2>

FingerPaint-Regular &

FingerPaint-Regular &

1

<style>

2

@font-face {

3

font-family: FingerPaint-Regular;

4

src: url("/style/fonts/FingerPaint-Regular.ttf");

5

src: local("FingerPaint-Regular"), url("/style/fonts/FingerPaint-Regular.ttf") format("truetype");

6

}

7

.FingerPaint-Regular {font-family: FingerPaint-Regular, verdana, helvetica, sans-serif;}

8

h1 {font: 28pt FingerPaint-Regular, arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

9

</style>

10

11

<h1>FingerPaint-Regular &</h1>

12

<h2 class="FingerPaint-Regular">FingerPaint-Regular &</h2>

Rye-Regular &

Rye-Regular &

1

<style>

2

@font-face {

3

font-family: Rye-Regular;

4

src: url("/style/fonts/Rye-Regular.ttf");

5

src: local("Rye-Regular"), url("/style/fonts/Rye-Regular.ttf") format("truetype");

6

}

7

.Rye-Regular {font-family: Rye-Regular, verdana, helvetica, sans-serif;}

8

h1 {font: 28pt Rye-Regular, arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

9

</style>

10

11

<h1>Rye-Regular &</h1>

12

<h2 class="Rye-Regular">Rye-Regular &</h2>

Akronim-Regular &

Akronim-Regular &

1

<style>

2

@font-face {

3

font-family: Akronim-Regular;

4

src: url("/style/fonts/Akronim-Regular.ttf");

5

src: local("Akronim-Regular"), url("/style/fonts/Akronim-Regular.ttf") format("truetype");

6

}

7

.Akronim {font-family: Akronim-Regular, verdana, helvetica, sans-serif;}

8

h1 {font: 28pt Akronim, arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

9

</style>

10

11

<h1>Akronim-Regular &</h1>

12

<h2 class="Akronim">Akronim-Regular &</h2>

Tager lige fingerpaint igen hvor vi kalder den batman

FingerPaint-Regular &

FingerPaint-Regular &

1

<style>

2

@font-face {

3

font-family: batman;

4

src: url("/style/fonts/FingerPaint-Regular.ttf");

5

src: local("batman"), url("/style/fonts/FingerPaint-Regular.ttf") format("truetype");

6

}

7

.batman {font-family: batman, verdana, helvetica, sans-serif;}

8

h1 {font: 28pt batman, arial, sans-serif; color: #3DB1FF; margin: 0; padding: 25px;}

9

</style>

10

11

<h1>FingerPaint-Regular &</h1>

12

<h2 class="batman">FingerPaint-Regular &</h2>