WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

Tip: Fonts testen met Font Tester

Onlangs werd ik getipt over een handige website om je fonts te testen in een browser met Font Tester. Stel je bent bezig met een website en wilt even kijken hoe een wijziging in je stylesheet eruit zou kunnen zien. Dan is Font Tester een heel handige website.

Hoe werkt Font Tester?

Op www.fonttester.com kan je eigenlijk alle eigenschappen van een tekst aanpassen via een formulier. Zeker als je nieuw bent met CSS is dit handig om eens te proberen. In dit voorbeeld probeer ik een tekst uit met het font Trebuchet MS en regelhoogte 1.3 em. Als je klaar bent klik je op Get CSS code om de code te kopiëren voor je eigen website.

Alternatieven
Zelf gebruik ik FireBug om wijzigingen in stylesheets te testen. Groot voordeel hiervan is dat het je precies vertelt op welke regel je de aanpassing zou moeten doen.

Met dank aan
Antoine Fonville voor deze tip.

Stem / Bookmark [?]Plaatsen/stemmen op NUjijPlaatsen/stemmen op eKudosPlaatsen/stemmen op MSN ReporterPlaatsen/stemmen op DiggVoeg dit artikel toe aan Del.icio.usVoeg toe aan je favorieten op TechnoratiVoeg toe aan je Google bladwijzers

  1. Edwin
    01.09.08 - 7:33
    1

    Na de eerste alinea gelezen te hebben, wilde ik gelijk schrijven 'daar gebruik je firebug toch voor?', maar dat zeg je zelf dus ook al aan het einde van het artikel…. :)


  2. Anne Jan
    04.09.08 - 12:18
    2

    Tip: link naar fonttester.com werkt niet.


  3. Theo Bakker
    04.09.08 - 13:05
    3

    En inmiddels aangepast!

Jouw reactie

Spelregels voor commentaar

XHTML: Je kunt de volgende HTML code gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name