Of u nu van design houdt of van het uiterlijk van een bepaalde website houdt, als u weet welk type lettertype de site 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 je hier enkele laten zien. Dus als u het lettertype en de lettergrootte op een website wilt controleren, lees dan verder!
Met letterlijk miljoenen lettertypen die er zijn, kan het vinden van die perfecte langer duren dan zou moeten. Wanneer je een goede spot, moet je uitvinden wat het daar is en dan, anders kun je het voorgoed verliezen. Als het een bijzonder goede is, kunt u het gebruiken op uw eigen website, als een Office-lettertype of in Windows, afhankelijk van het type lettertype dat het is. Zorg er wel voor dat sommige lettertypen auteursrechtelijk beschermd zijn en niet beschikbaar zijn voor openbaar gebruik.
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 maakt gebruik van de browser zelf, terwijl anderen tools van derden gebruiken om pagina-items te identificeren. Ik zal beide typen behandelen. Eerst zullen we ons concentreren op de ingebouwde browsermethode.
- Klik met de rechtermuisknop op de pagina die u bevalt en selecteer Inspect Element (Firefox), Inspect (Chrome) of F12 Developer Tools (Edge).
- Selecteer Inspector (Firefox) in de nieuwe onderste vensters en scrol naar rechts totdat u Font bereikt. Het moet de lettertypefamilie, het gebruikte specifieke lettertype, de grootte, de kleur en al het andere dat de pagina definieert tonen.
Verschillende CMS en verschillende webontwerpen geven hun lettertype-informatie op verschillende manieren weer. Probeer deze methode op enkele webpagina's en u zult waarschijnlijk een paar verschillende manieren zien waarop lettertypen worden gedefinieerd.
Tools van derden om het lettertype en -grootte te identificeren
Er zijn een paar add-ons van derden die werken als plug-ins of als bookmarklets en die lettertypen kunnen identificeren. Ze werken met de meeste browsers, inclusief Safari, dus je zou iets moeten vinden waarmee je zonder veel problemen kunt werken.
Firebug
Firebug was een Firefox-alleen foutopsporingsprogramma voor ontwikkelaars. Het werd zo populair dat het nu browser-agnostisch is en met de meeste browsers werkt. Het is een ongelooflijk veelzijdige tool die elk element van een webpagina kan controleren, inclusief het lettertype.
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 vervolgens 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 worden niet meer bijgewerkt en Firebug verliest waarschijnlijk functionaliteit naarmate browsers evolueren.
WhatFont
WhatFont is een bookmarklet die lettertypen op webpagina's kan identificeren. Sleep de bookmarklet naar uw bladwijzerbalk en gebruik deze om bijna elk lettertype te identificeren, overal. Het is gratis te gebruiken en zeer eenvoudig. Navigeer naar een webpagina die u leuk vindt, klik op de bookmarklet en beweeg over het lettertype dat u wilt identificeren. Er verschijnt een zwart vakje over het lettertype.
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, is dit een eenvoudige lettertype-identificatie of een volledig vak met grootte, kleur, gewicht, enzovoort.
Er zijn veel add-ons van het type bookmarklet die lettertypen kunnen identificeren; WhatFont is er maar een van. Gebruik je er een? Heeft dit artikel je overtuigd om een nieuwe te proberen? Laat het ons hieronder weten.
