Eigen font gebruiken in css

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP er

PHP er

07/07/2013 12:10:07
Quote Anchor link
Hallo,

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)
PHP script in nieuw venster Selecteer het PHP script
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
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 */
}
 
PHP hulp

PHP hulp

29/11/2023 13:10:22
 
Wouter J

Wouter J

07/07/2013 12:35:16
Quote Anchor link
en wat gaat er mis en wat heb je geprobeerd?
 
Yanick  vB

Yanick vB

07/07/2013 13:05:19
Quote Anchor link
Upload je font naar deze website: http://www.font2web.com/. Eenmaal upgeload krijg je een .zip file terug waarin de font is geconverteerd naar een webfont met de bijbehorende CSS code en een demo HTML file.
Gewijzigd op 07/07/2013 13:07:48 door Yanick vB
 
PHP er

PHP er

07/07/2013 20:50:36
Quote Anchor link
Het uploaden van de font lukt wel, maar ik weet niet hoe ik het in het css bestand moet zetten, Wouter.

Yanick, is die site ook voor ttf bestanden?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.