Hoe u de lettergrootte en het gezicht op een website kunt controleren

Of u nu van design houdt of van het uiterlijk van een bepaalde website houdt, als u weet welk type lettertype u gebruikt en hoe groot het is, kunt u het emuleren of gebruiken op uw eigen website. Er zijn verschillende manieren om dit te bereiken en ik zal er hier een paar laten zien. Dus als u het lettertype en de grootte van een website wilt controleren, lees dan verder!

Met letterlijk miljoenen lettertypen die er zijn, kan het vinden van die perfecte versie langer duren dan normaal. Als je een goede spot ontdekt, moet je weten wat het precies is en dan kun je het voorgoed kwijtraken. Als het een bijzonder goede is, kunt u het op uw eigen website gebruiken, als een Office-lettertype of in Windows, afhankelijk van het type lettertype.

Controleer lettertype en -grootte op een website

Er zijn een paar manieren om het lettertype en de lettergrootte op elke website te controleren. De eenvoudigste methode gebruikt de browser zelf terwijl anderen hulpprogramma's van derden gebruiken om pagina-items te identificeren. Ik behandel beide typen. Eerst vanuit de browser.

  1. Klik met de rechtermuisknop op de pagina waarvan u het uiterlijk wilt en selecteer Inspect Element (Firefox), Inspect (Chrome) of F12 Developer Tools (Edge).
  2. Selecteer Inspector (Firefox) in de nieuwe onderste vensters en scroll naar beneden tot je bij Lettertype bent. Het moet de lettertypefamilie, het gebruikte specifieke lettertype, de grootte, kleur en alles wat de pagina definieert, tonen.

Verschillende CMS en verschillende webontwerpen geven hun lettertype-informatie op verschillende manieren weer. Probeer deze methode op een paar webpagina's en u zult waarschijnlijk een paar verschillende manieren zien waarop lettertypen worden gedefinieerd.

Tools van derden om lettertype en -grootte te identificeren

Er zijn een paar externe add-ons die als een plug-in of bookmarklet werken en lettertypen kunnen identificeren. Ze werken met de meeste browsers, waaronder Safari, dus u zou iets moeten vinden waarmee u kunt werken.

Firebug

Firebug was ooit een hulpprogramma voor het debuggen van Firefox voor ontwikkelaars. Het werd zo populair dat het nu browseronafhankelijk is en met de meeste browsers werkt. Het is een ongelooflijk krachtige tool die elk element van een webpagina kan controleren, inclusief het lettertype.

Installeer de add-on, markeer wat tekst op de pagina, klik op het tabblad HTML in firebug en vervolgens op Computed aan de rechterkant. Firebug moet dan de naam van het lettertype, de lettertypefamilie, de grootte, het gewicht en alles wat u moet weten, markeren.

WhatFont

WhatFont is een bookmarklet die lettertypen op webpagina's kan identificeren. Sleep de bookmarklet naar uw bladwijzerbalk en gebruik deze om bijna elke pagina en overal te identificeren. Navigeer naar een gewenste webpagina, klik op de bookmarklet en plaats de muisaanwijzer op het lettertype dat u wilt identificeren. Er verschijnt een net klein vakje dat je het lettertype vertelt.

Nogmaals, afhankelijk van hoe de CMS is geconfigureerd of de pagina is ontworpen, is dit een eenvoudige lettertype-identificatie of een volledige doos die u de grootte, kleur, het gewicht, enzovoort geeft.

Er zijn veel add-ons van het bookmarklet-type die lettertypen kunnen identificeren, WhatFont is er slechts één van. Gebruik je er een? Laat het ons hieronder weten.

Zie Ook