Eigen font gebruiken in css
Ik probeer een eigen font te gebruiken in css, maar ik kom er niet uit. Ook via tutorials kom ik er niet uit, zou iemand mij kunnen assisteren?
De font staat in de hoofdmap op mijn server, en het css bestand ook. De font heet 'font.ttf'.
Mijn css bestand:
Code (php)
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
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
body ,table, td{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:visited{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover{
font-size: 7pt;
color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:active{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
textarea {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
img {
border: 0;
}
input {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
select {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
#balk a {
font-size: 7pt;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#replacement-2 {
width: 148px;
height: 16px;
padding: 55px 0 0;
margin: 0;
border: 0;
background: transparent url(images/shop1.PNG) no-repeat center top;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:visited{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover{
font-size: 7pt;
color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:active{
font-size: 7pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
textarea {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
img {
border: 0;
}
input {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
select {
font-size: 7pt;
color: #000000;
background: #C0E0FE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 1 solid #9CCFFE;
}
#balk a {
font-size: 7pt;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#replacement-2 {
width: 148px;
height: 16px;
padding: 55px 0 0;
margin: 0;
border: 0;
background: transparent url(images/shop1.PNG) no-repeat center top;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
Gewijzigd op 07/07/2013 13:07:48 door Yanick vB
Yanick, is die site ook voor ttf bestanden?