Berichten geschreven door:
Admin
Google Font Directory
Een paar weken geleden legde ik in dit artikel uit hoe je @font-face kon gebruiken om je eigen fonts op een webpagina te gebruiken. Nu is het gebruiken van andere fonts nog gemakkelijk gemaakt.
Google heeft namelijk een bibliotheek met vrij beschikbare fonts ter beschikking gesteld. Met de Google Font Directory en de Google Font API wil de zoekgigant het gebruik van fonts op webpagina’s gemakkelijker maken.
Op deze pagina kun je zelf je eigen lettertype samenstellen waarbij Google de code genereert die je voor je webpagina kunt gebruiken.
Je kunt natuurlijk ook zelf naar een font toe linken door een link in de head van je HTML te plaatsen:
Daarna kun je deze font gewoon in je CSS gebruiken:
h1 { font-family: 'Cantarell', arial, serif; }Het grote voordeel van deze service is dat je niet zelfs je eigen fonts hoeft te hosten. Ze staan namelijk allemaal op de server van Google die in veel gevallen sneller is dan je eigen server. Ook zijn alle fonts open en vrij te gebruiken zodat je naderhand niet word overvallen door copyright problemen.
Browsers die ondersteunt worden zijn :
- Google Chrome: versie 4.249.4 of hoger
- Mozilla Firefox: versie 3.5 of hoger
- Apple Safari: versie 3.1 of hoger
- Microsoft Internet Explorer: versie 6 of hoger
- Opera versie 10 of hoger
E-mail validatie op de juist manier
De belangrijkste regel voor het ontwikkelen van een website in PHP is dat alles wat gebruikers kunnen invoeren gecontroleerd moet worden.
Het controleren van bijvoorbeeld een E-mail adres zou dan toch goed ingeburgerd moeten zijn bij de gemiddelde website ontwerper. Toch blijkt dit vaak fout te gaan.
Gebruik je eigen fonts met @font-face
De meeste websites maken gebruik van de zogenaamde web veilige fonts, fonts zoals Arial, Helvetica, Verdana, sans-serif. Deze fonts zijn op iedere computer aanwezig en op die manier veilig om te gebruiken.
Tegenwoordig is het ook mogelijk om gebruik te maken andere fonts. Fonts die je zelf hebt gemaakt of die je van het internet hebt gehaald. Op Fontsquirrel staan veel gratis fonts.
Hoe gebruik je deze fonts nou? Dit gaat heel eenvoudig met behulp van @font-face in CSS.



