font-family calibri
Beste,
Ik heb mijn website nu eindelijk af :D, alleen het grootste en gelijk lelijkste probleem is het lettertype. Voor de mensen met windows vista / 7 of microsoft office 2007 is er geen probleem, daar zit het lettertype namelijk standaard in. Echter is dit niet zo in windows XP of macs.
Welke oplossing hebben jullie hiervoor?
- Nemen jullie allemaal lettertypes die er op lijken?
zo ja, hoe kom je daar aan?
- of kun je een url toewijzen aan een lettertype in je css?
Het betreft hier dus het lettertype Calibri.
Ik heb mijn website nu eindelijk af :D, alleen het grootste en gelijk lelijkste probleem is het lettertype. Voor de mensen met windows vista / 7 of microsoft office 2007 is er geen probleem, daar zit het lettertype namelijk standaard in. Echter is dit niet zo in windows XP of macs.
Welke oplossing hebben jullie hiervoor?
- Nemen jullie allemaal lettertypes die er op lijken?
zo ja, hoe kom je daar aan?
- of kun je een url toewijzen aan een lettertype in je css?
Het betreft hier dus het lettertype Calibri.
Gesponsorde koppelingen:
Dit is een mogelijkheid.
Edit:
@Hieronder, dus wel dus, CSS3.
@Hieronder, dus wel dus, CSS3.
Gewijzigd op 17/06/2010 10:05:21 door Karl Karl
Volgens mij kan je geen url toewijzen aan je css.
Het is dus idd heel erg OS afhankelijk. Ik neem meestal lettertypes die op elkaar lijken (http://www.google.nl/#hl=nl&source=hp&q=common+web+fonts&aq=0&aqi=g3&aql=&oq=common+web+&gs_rfai=&fp=43768f7eca243e5e)
Er bestaat ook een jQuery plugin die alle tekst in je gewenste lettertype omzet (plaatjes). Ik zou dit 'gedeeltelijk' afraden, je zou dit bijvoorbeeld alleen op de koppen (h1) kunnen toepassen.
Het is dus idd heel erg OS afhankelijk. Ik neem meestal lettertypes die op elkaar lijken (http://www.google.nl/#hl=nl&source=hp&q=common+web+fonts&aq=0&aqi=g3&aql=&oq=common+web+&gs_rfai=&fp=43768f7eca243e5e)
Er bestaat ook een jQuery plugin die alle tekst in je gewenste lettertype omzet (plaatjes). Ik zou dit 'gedeeltelijk' afraden, je zou dit bijvoorbeeld alleen op de koppen (h1) kunnen toepassen.
@ Karl;
Dat is denk wel waar het uit eindelijk naar toegaat, moet alleen even wachten tot het door alle browsers is ondersteunt.
Heb er nu dit van gemaakt:
font-family: Calibri, Lucida Sans Unicode, sans-serif,;
font-size: 14px;
color: #000000;
tnx in ieder geval ;)
Dat is denk wel waar het uit eindelijk naar toegaat, moet alleen even wachten tot het door alle browsers is ondersteunt.
Heb er nu dit van gemaakt:
font-family: Calibri, Lucida Sans Unicode, sans-serif,;
font-size: 14px;
color: #000000;
tnx in ieder geval ;)
Wat je ook gewoon kan doen is Cufon gebruiken. Werkt ideaal.
Ben nu toch maar bezig met dat van Karl. Het punt is alleen ik heb nu geen enkele computer ter beschikking om te testen of het font-face grapje werkt.
Zou iemand met bijvoorbeeld een mac dit kunnen testen voor mij?
Klik
in mijn geval ziet de code er dan zo uit:
alvast bedankt!
Zou iemand met bijvoorbeeld een mac dit kunnen testen voor mij?
Klik
in mijn geval ziet de code er dan zo uit:
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@font-face {
font-family: Calibri;
src: url('FONT/calibri.ttf');
}
@font-face {
font-family: Calibri;
font-weight: bold;
src: url('FONT/calibrib.ttf');
}
@font-face {
font-family: Calibri;
font-weight: inherit;
src: url('FONT/calibrii.ttf');
}
body {
font-family: Calibri;
font-size: 14px;
color: #000000;
text-align: center;
margin: 20px;
overflow: scroll;
background-color: #E0E0E0;
}
font-family: Calibri;
src: url('FONT/calibri.ttf');
}
@font-face {
font-family: Calibri;
font-weight: bold;
src: url('FONT/calibrib.ttf');
}
@font-face {
font-family: Calibri;
font-weight: inherit;
src: url('FONT/calibrii.ttf');
}
body {
font-family: Calibri;
font-size: 14px;
color: #000000;
text-align: center;
margin: 20px;
overflow: scroll;
background-color: #E0E0E0;
}
alvast bedankt!
Gewijzigd op 17/06/2010 10:26:23 door Milo S
Milo S op 17/06/2010 10:16:16:
@ Karl;
Dat is denk wel waar het uit eindelijk naar toegaat, moet alleen even wachten tot het door alle browsers is ondersteunt.
Dat is denk wel waar het uit eindelijk naar toegaat, moet alleen even wachten tot het door alle browsers is ondersteunt.
Euh, welke browser ondersteund het dan niet?
En alsjeblieft.
Gewijzigd op 17/06/2010 10:29:40 door Karl Karl



