Hoe u het lettertype van een webpagina kunt vinden met behulp van de Inspect Element Tool en browserextensies

Hoe u het lettertype van een webpagina kunt vinden met behulp van de Inspect Element Tool en browserextensies

Het succes van uw website hangt sterk af van het uiterlijk. Met de juiste kleurencombinatie en het juiste thema blijven uw bezoekers iets langer op uw site. Naast het kleurenpalet en de structuur van uw site, speelt het lettertype dat u kiest ook een essentiële rol om uw publiek betrokken te houden.





Misschien komt u tijdens het surfen op internet een aantrekkelijke site tegen en wilt u weten welke lettertypen worden gebruikt. Met online extensies en de ingebouwde Inspect Element-tool van uw browser, is het identificeren van een lettertype snel en eenvoudig.



Lettertypen zoeken met het gereedschap Inspect Element

Voor het geval u het nog niet wist, kunt u met de ingebouwde Inspect Element-tool van uw browser de broncode van een website onderzoeken. U kunt de ontwerpelementen van een site begrijpen door naar de CSS, HTML en andere informatie te kijken. Het is een geweldige manier om inspiratie op te doen bij het ontwerpen van uw eigen site.





Het proces van het identificeren van een lettertype met behulp van de Inspect Element-tool is vrij eenvoudig en u hebt geen codeervaardigheden nodig. Deze tool is beschikbaar in alle browsers op de markt, en elk heeft een vergelijkbare lay-out.

ps4-controller maakt geen verbinding met ps4

Hier leest u hoe u een lettertype kunt identificeren met de Inspect-tool van uw browser.



  1. Open de website die u wilt gebruiken.
  2. Markeer de tekst met het lettertype dat u wilt identificeren en klik er met de rechtermuisknop op.
  3. Klik op Inspecteren vanuit het contextmenu.
  4. Wanneer het menu Inspecteren wordt geopend, klikt u op de berekend .
  5. Scroll naar beneden om de . te vinden Lettertype-familie sectie. Hier vindt u de naam en stijl van het lettertype, evenals de afmetingen ervan.

Andere manieren om de inspectietool te gebruiken

Als je een snellere manier wilt om het lettertype van een site te vinden met de tool Inspecteren, probeer dan dit:

  1. Open de website die u wilt gebruiken.
  2. druk op Ctrl + Shift + C ( Cmd + Shift + C op Mac).
  3. Plaats de muisaanwijzer op de tekst om het lettertype, de grootte, de kleurcode en de marge weer te geven.

U kunt ook de lijst met lettertypen die op een webpagina worden gebruikt, controleren met de tool Inspecteren. Hier is hoe dit te doen:



  1. Ga naar de webpagina.
  2. Open de broncode door op te drukken Ctrl + Shift + I ( Cmd + Shift + I op Mac).
  3. Klik op de Netwerk tabblad en selecteer vervolgens de Maken tabblad.
  4. Hier ziet u een lijst met alle lettertypen die op de webpagina worden gebruikt.

Om de lijst met alle lettertypen in realtime te krijgen, moet u mogelijk de webpagina vernieuwen.

Verwant: Hoe u de lettergrootte in Firefox kunt vergroten of verkleinen



Lettertypen identificeren met browserextensies

Als u een gemakkelijkere manier wilt om een ​​lettertype te identificeren, kunt u een browserextensie voor het zoeken naar lettertypen installeren. Hoewel er verschillende browserextensies zijn die kunnen helpen bij het detecteren van lettertypen op internet, zijn de twee meest populaire: WatLettertype en Lettertypezoeker .

Laten we eens kijken naar het proces van het identificeren van lettertypen met behulp van beide extensies.

1. Welk lettertype

WhatFont is alom populair voor het snel detecteren van meerdere lettertypen tegelijk. Hier leest u hoe u deze tool kunt gebruiken.

  1. Wanneer WhatFont is ingeschakeld in uw browser, plaatst u de muisaanwijzer op de tekst om het lettertype weer te geven.
  2. Zodra u op de tekst klikt, verschijnt er een pop-upvenster met de rest van de lettertypedetails, zoals de lettergrootte, kleur en stijl.
  3. Bovendien kunt u meerdere tekstgedeelten tegelijk selecteren om verschillende lettertypen op dezelfde pagina te vergelijken.

downloaden: WatLettertype voor Chroom | Firefox | Safari (Vrij)

2. Lettertypezoeker

Font Finder geeft ook lettertypedetails weer wanneer u de muisaanwijzer op tekst op een website plaatst. Het biedt echter veel technische details, dus het kan een beetje verwarrend zijn als u niet bekend bent met webdesign.

Dat gezegd hebbende, Font Finder is meer geschikt voor webontwikkelaars die bestaande lettertypen in realtime willen vervangen door nieuwe. Dit maakt het gemakkelijk om lettertypen te testen voordat u permanente wijzigingen aanbrengt.

U kunt als volgt een lettertype testen met Font Finder:

  1. Markeer een gedeelte van de tekst van de webpagina.
  2. Klik er met de rechtermuisknop op en selecteer Lettertypezoeker vanuit het contextmenu.
  3. Selecteer Lettertype vervangen door en voer de naam van het lettertype in. Laten we toevoegen Kalibers en zie hoe het het lettertype in het voorbeeld verandert.
  4. Als u het lettertype opnieuw wilt instellen, vernieuwt u de pagina.

downloaden: FontFinder voor Chroom | Rand | Firefox (Vrij)

Hoe zit het met het controleren van het lettertype in een afbeelding?

Als u de lettertypen in een afbeelding wilt identificeren, kunnen browserextensies en de Inspect-tool van uw browser mogelijk niet helpen. U kunt echter online hulpprogramma's voor beeldinspectie proberen, zoals: WatFontIs , LettertypeEekhoorn , Fontspring , Wat het lettertype , en vele anderen.

Het proces voor het identificeren van een lettertype uit een afbeelding is grotendeels hetzelfde in alle tools. Laten we proberen het lettertype in een afbeelding te identificeren met WhatTheFont.

  1. Download de afbeelding die je wilt gebruiken als je dat nog niet hebt gedaan.
  2. Importeer de afbeelding in Wat het lettertype .
  3. WhatTheFont detecteert automatisch de tekst in uw afbeelding. Verklein of vergroot het bijsnijdvak zodat het het lettertype dat u wilt identificeren omgeeft. Druk op de pijlknop wanneer je klaar bent.
  4. WhatTheFont zal dan het lettertype in de afbeelding matchen met lettertypen in de galerij, en zal u nauw verwante lettertypen tonen.
  5. Als je niet meteen een goede match vindt, kun je blijven klikken Toon meer resultaten om meer gerelateerde lettertypen te zien.

Verwant: Beste gratis lettertypewebsites voor gratis lettertypen online

Detecteer lettertypen van internet en gebruik ze in uw ontwerpen

Lettertypen spelen een belangrijke rol in het succes van een website of een grafisch ontwerp. Als u tijdens het surfen op internet een aantrekkelijk lettertype tegenkomt, kunt u het gemakkelijk detecteren met behulp van de bovenstaande methoden.

Deel Deel Tweeten E-mail WhatTheFont en 4 alternatieven om lettertypen van afbeeldingen te vinden

Wilt u lettertypen van afbeeldingen vinden? Er zijn online tools die het voor je kunnen doen, waaronder WhatTheFont en verschillende alternatieven.

Lees volgende Gerelateerde onderwerpen
  • internet
  • Creatief
  • Lettertypen
  • Browser-extensies
  • Browsetips
Over de auteur Shan Abdul |(46 artikelen gepubliceerd)

Shan Abdul is afgestudeerd werktuigbouwkunde. Na het afronden van zijn opleiding is hij zijn carrière begonnen als freelance schrijver. Hij schrijft over het gebruik van verschillende tools en software om mensen te helpen productiever te zijn als student of professional. In zijn vrije tijd kijkt hij graag naar YouTube-video's over productiviteit.

Meer van Shan Abdul

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren