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

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

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

Met letterlijk miljoenen lettertypen die er zijn, kan het vinden van die perfecte langer duren dan zou moeten. Als je een goede ziet, moet je er meteen achter komen wat het is, anders zou je het voorgoed kunnen verliezen. Als het een bijzonder goed lettertype is, kun je het gebruiken op je eigen website, als Office-lettertype of binnen Windows, afhankelijk van het type lettertype dat het is. Houd er rekening mee dat sommige lettertypen auteursrechtelijk zijn beschermd en niet beschikbaar zijn voor openbaar gebruik.

Het lettertype en de grootte op een website controleren

Er zijn een paar manieren om het lettertype en de grootte op elke website te controleren. De eenvoudigste methode gebruikt de browser zelf, terwijl andere tools van derden gebruiken om pagina-items te identificeren. Ik zal beide soorten behandelen. Eerst zullen we ons concentreren op de ingebouwde browsermethode.

  1. Klik met de rechtermuisknop op de pagina die u mooi vindt en selecteer Inspecteer element (Firefox), Inspecteren (Chroom), of F12Ontwikkelaarstools (Kant). Chrome-webmenu
  2. Selecteer Inspecteur (Firefox) of berekend (Chrome) in de nieuwe onderste vensters en scrol rechts naar beneden tot je bij Lettertype of lettertypegrootte. Het moet de lettertypefamilie, het specifieke gebruikte lettertype, de grootte, de kleur en al het andere dat de pagina definieert, weergeven. Chrome Inspector-tool

Verschillende CMS en verschillende webdesigns 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.

hoe-te-controleren-lettertype-en-grootte-op-een-website-2

Tools van derden om lettertype en -grootte te identificeren

Er zijn enkele add-ons van derden die als plug-ins of als bookmarklets werken en lettertypen kunnen identificeren. Ze werken met de meeste browsers, inclusief Safari, dus je zou iets moeten vinden waarmee je zonder veel problemen kunt werken.

Vuurwants

Firebug was een debugging-tool voor ontwikkelaars die alleen voor Firefox was bedoeld. Het werd zo populair dat het nu browser-agnostisch is en met de meeste browsers zal werken. Het is een ongelooflijk veelzijdige tool die elk element van een webpagina kan controleren, inclusief het lettertype.

  1. Installeer de add-on zoals u normaal zou doen, markeer wat tekst op de pagina, klik op het HTML-tabblad in Firebug en klik vervolgens op 'Berekend' aan de rechterkant. Firebug moet dan de naam van het lettertype, de lettertypefamilie, de grootte, het gewicht en alles wat u moet weten markeren.

Houd er echter rekening mee dat Firebug vanaf 2017 is stopgezet. Oudere versies ervan kunnen nog steeds worden gedownload, maar ze zullen niet meer worden bijgewerkt en Firebug zal waarschijnlijk functionaliteit verliezen naarmate browsers evolueren.

hoe-te-controleren-lettertype-en-grootte-op-een-website-3

WatLettertype

WhatFont is een bookmarklet die lettertypen op webpagina's kan identificeren. Sleep de bookmarklet naar uw bladwijzerbalk en gebruik deze om bijna elk lettertype, waar dan ook, te identificeren. Het is gratis te gebruiken en heel eenvoudig. Navigeer naar een webpagina die u leuk vindt, klik op de bookmarklet en plaats de muisaanwijzer op het lettertype dat u wilt identificeren. Er verschijnt een kleine zwarte doos over, die u het lettertype vertelt.

Omdat het is bijgewerkt, is het zelfs compatibel gemaakt met gerelateerde add-ons.

Nogmaals, afhankelijk van hoe het CMS is geconfigureerd of hoe de pagina is ontworpen, zal dit ofwel een eenvoudige identificatie van het lettertype zijn of een volledig vak waarin u grootte, kleur, gewicht, enzovoort krijgt.

Er zijn veel add-ons van het type bookmarklet die lettertypen kunnen identificeren; WhatFont is er slechts één van. Gebruik je er een? Heeft dit artikel je overtuigd om een ​​nieuwe te proberen? Laat het ons hieronder weten.