Page 1 of 1
[Opgelost] Webfont laden lukt niet
Posted: Sun Jul 15, 2012 7:21 pm
by MDK
Beste mensen,
Ik wil een andere font gebruiken voor m'n site (via google) maar in
cmsms lukt het niet, in standaard vorm wel.
De font heb ik opgeslagen in een css file en in een map gezet en vandaaruit wil ik het laden.
Dit is de link die ik in mn header heb staan:
<link href="
http://www.domein.nl/uploads/webfont.css" rel="stylesheet" type="text/css">
Kan iemand me vertellen wat ik fout doe ?
Re: Webfont laden lukt niet
Posted: Sun Jul 15, 2012 7:56 pm
by mcDavid
Heb je gecontroleerd of het css bestand ook daadwerkelijk geladen wordt (kortom klopt het adres)?
Zo ja dan moeten we de inhoud zien om je verder te kunnen helpen
Re: Webfont laden lukt niet
Posted: Sun Jul 15, 2012 8:08 pm
by MDK
De css moet wel geladen worden want anders zou het aan de url liggen en dat sluit ik uit.
Dit is de inhoud van de css met de fonts
Code: Select all
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
Hoor graag of je meer informatie nodig hebt.
Re: Webfont laden lukt niet
Posted: Sun Jul 15, 2012 11:53 pm
by pedes
haal je hier geen 2 font-generators door elkaar?
er is iets zoals font-face en google webfonts ?
heb een url om mee te kijken ?
Mvg,
Peter
Re: Webfont laden lukt niet
Posted: Mon Jul 16, 2012 11:55 am
by stv
- Zet de url van je webfont boven je eigen stylesheet.
- Of kopier de code naar je eigen stylesheet en plak het bovenin.
Gebruik vervolgens font-family: 'Open Sans'; bij de betreffende elementen:
body {font-family: 'Open Sans';}
Gebruik eventueel ook -webkit-font-smoothing:antialiased; dit voorkomt dat je font (wellicht) dikker wordt weergegeven in safari en chrome op mac
Re: Webfont laden lukt niet
Posted: Mon Jul 16, 2012 1:01 pm
by deactivated010521
----------
Re: Webfont laden lukt niet
Posted: Mon Jul 16, 2012 1:46 pm
by MDK
Dank het is gelukt, laden ging wel goed maar op de home was het een stuk kleiner dan standaard , daardoor zag ik het verschil niet.
Heb het tevens in de standaards css gezet en bij alle pagina's toegepast.