@Font Face funktioniert nicht.
| | 19.06.2011, 21:30
Hallo,
mein Problem:
Ich möchte @font face verwenden. Hab mir die Schrift mit allen drum und dran von Fontsquirrel runtergeladen.
Meine Stylesheetdatei sieht so aus:
ActionScript:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93 | /* Style Sheet */
@font-face {
font-family: 'QuicksandLight';
src: url('Quicksand_Light-webfont.eot');
src: url('Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Light-webfont.woff') format('woff'),
url('Quicksand_Light-webfont.ttf') format('truetype'),
url('Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandLightOblique';
src: url('Quicksand_Light_Oblique-webfont.eot');
src: url('Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Light_Oblique-webfont.woff') format('woff'),
url('Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
url('Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandBook';
src: url('Quicksand_Book-webfont.eot');
src: url('Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Book-webfont.woff') format('woff'),
url('Quicksand_Book-webfont.ttf') format('truetype'),
url('Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandBookOblique';
src: url('Quicksand_Book_Oblique-webfont.eot');
src: url('Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Book_Oblique-webfont.woff') format('woff'),
url('Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
url('Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandBold';
src: url('Quicksand_Bold-webfont.eot');
src: url('Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Bold-webfont.woff') format('woff'),
url('Quicksand_Bold-webfont.ttf') format('truetype'),
url('Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandBoldOblique';
src: url('Quicksand_Bold_Oblique-webfont.eot');
src: url('Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Bold_Oblique-webfont.woff') format('woff'),
url('Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
url('Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandDash';
src: url('Quicksand_Dash-webfont.eot');
src: url('Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
url('Quicksand_Dash-webfont.woff') format('woff'),
url('Quicksand_Dash-webfont.ttf') format('truetype'),
url('Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
font-weight: normal;
font-style: normal;
}
.Text
{ padding-left:35px;padding-right:25px;margin-top:5px;font-family:QuicksandBook;color:#565656;font-size:16px;line-height:2;text-align:justify;white-space:normal; }
|
Die "Schriftdatein" liegen im gleichen Ordner/Verzeichniss wie die Stylesheetdatei.
Meine Indexdatei sieht so aus:
ActionScript:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> </title>
<link rel="stylesheet" type="text/css" href="http://www.****.de/Ordner/Ordner2/style.css">
</head>
<body>
<div class="seprodu_Textflow">Lalala Test</div>
.
.
.
|
Woran könnte es liegen, dass es nicht geht ?
LG | | | Beiträge: 579
Wohnort: Halle
Registriert: Apr 2005
| 19.06.2011, 22:02
|
|
