Hoe controleer je de lettergrootte & gezicht op een Website

of je van ontwerp houdt of net zoals het uiterlijk van een bepaalde website, weten welk type lettertype de site gebruikt en welke grootte het is kan u helpen het te emuleren of te gebruiken op uw eigen website. Er zijn verschillende manieren om dit te bereiken, en Ik zal er hier een paar laten zien. Dus als je het lettertype en de grootte van een website wilt controleren, lees dan verder!

hoe de lettergrootte van een Website

te controleren met letterlijk miljoenen lettertypen die er zijn, het vinden van die perfecte kan langer duren dan zou moeten. Als je een goede spot, je nodig hebt om uit te vinden wat het is daar 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 binnen Windows, afhankelijk van het type lettertype dat het is. Houd er wel rekening mee dat sommige lettertypen auteursrechtelijk beschermd zijn en niet beschikbaar zijn voor publiek gebruik.

controle van het lettertype en de grootte op een Website

er zijn een paar manieren om het lettertype en de grootte op een website te controleren. De eenvoudigste methode maakt gebruik van de browser zelf, terwijl anderen gebruik maken van tools van derden om pagina activa te identificeren. Ik zal beide typen dekken. Ten eerste richten we ons op de ingebouwde browsermethode.

  1. Klik met de rechtermuisknop op de pagina waarvan u het uiterlijk leuk vindt en selecteer inspecteer Element (Firefox), inspecteer (Chrome) of F12 Developer Tools (Edge). Chrome Webmenu
  2. Selecteer Inspector (Firefox) of Computed (Chrome) in de nieuwe onderste vensters en scroll naar beneden aan de rechterkant totdat u lettertype of lettergrootte bereikt. Het moet het lettertype familie, specifiek gebruikte lettertype, de grootte, de kleur, en alles wat de pagina definieert tonen. Chrome Inspector Tool

verschillende CMS en verschillende webontwerpen tonen hun lettertype informatie op verschillende manieren. Probeer deze methode op een paar webpagina ‘ s en u zult waarschijnlijk zien een paar verschillende manieren waarop lettertypen worden gedefinieerd.

Tools van derden om het lettertype en de grootte

te identificeren er zijn een paar invoegtoepassingen van derden die als plug-ins of als bladwijzer werken en lettertypen kunnen identificeren. Ze werken met de meeste browsers, waaronder Safari, dus je moet iets vinden waarmee je zonder veel moeite kunt werken.

Firebug

hoe-te-controleren-font-type-and-size-on-a-website-2

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

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

houd er echter rekening mee dat Firebug vanaf 2017 is stopgezet. Oudere versies van het kan nog steeds worden gedownload, maar ze zullen niet meer worden bijgewerkt, en Firebug zal waarschijnlijk verliezen functionaliteit als browsers evolueren.

hoe-te-controleren-font-type-and-size-on-a-website-3

WhatFont

WhatFont is een bladwijzer die lettertypen op webpagina ‘ s kan identificeren. Sleep de bladwijzer naar uw bladwijzerbalk en gebruik het om bijna elk lettertype te identificeren, overal. Het is gratis te gebruiken, en zeer eenvoudig. Navigeer naar een webpagina die u wilt, klik op de bladwijzer en beweeg de muisaanwijzer over het lettertype dat u wilt identificeren. Er verschijnt een klein zwart vakje over, dat je het lettertype vertelt.

zoals het is bijgewerkt, het is zelfs compatibel gemaakt met verwante add-ons.

nogmaals, afhankelijk van hoe het CMS is geconfigureerd of hoe de pagina is ontworpen, zal dit ofwel een eenvoudige lettertypeidentificatie zijn of een volledig kader dat u Grootte, kleur, gewicht, enzovoort geeft.

Fontanello

niet te verwarren met de voetballer, Fontanello is een geweldige gratis browser extensie die u toelaat om snel en gemakkelijk het lettertype van een site te bekijken. Hoewel het is momenteel alleen beschikbaar voor Chrome en Firefox, deze extensie is de moeite waard om te downloaden.

websites inspecteren

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

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.