Sådan kontrolleres skriftstørrelse og ansigt på et websted

Uanset om du er i design eller ligesom udseendet af en bestemt hjemmeside, ved at vide, hvilken type skrifttype og hvilken størrelse det er, kan du hjælpe dig med at efterligne eller bruge det på din egen hjemmeside. Der er flere måder at opnå dette på, og jeg vil vise dig et par af dem her. Så hvis du vil kontrollere skrifttype og størrelse på et websted, læs videre!

Med bogstaveligt talt millioner af skrifttyper derude, kan det finde længere tid at finde den perfekte, end den skal. Når du får øje på en god, skal du finde ud af, hvad det er lige der, og så ellers kan du miste det til godt. Hvis det er særligt godt, kan du bruge det på din egen hjemmeside, som et Office-skrifttype eller i Windows, afhængigt af hvilken type skrifttype det er.

Kontroller skrifttype og størrelse på et websted

Der er et par måder at kontrollere skrifttypen og størrelsen på enhver hjemmeside. Den nemmeste metode bruger browseren selv, mens andre bruger tredjepartsværktøjer til at identificere sideaktiver. Jeg dækker begge typer. Først inde fra browseren.

  1. Højreklik på den side, du kan lide udseendet af, og vælg Inspect Element (Firefox), Inspect (Chrome) eller F12 Developer Tools (Edge).
  2. Vælg Inspector (Firefox) i de nye nederste vinduer og rul ned til højre, indtil du når Skrifttype. Det skal vise skrifttypefamilien, den specifikke skrifttype, dens størrelse, farve og alt andet, som siden definerer.

Forskellige CMS og forskellige webdesigner viser deres fontoplysninger på forskellige måder. Prøv denne metode på nogle få websider, og du vil sandsynligvis se nogle forskellige måder skrifttyper er defineret.

Tredjeparts værktøjer til at identificere skrifttype og størrelse

Der er et par tredjepartsaddoner, der fungerer enten som et plugin eller bookmarklet og kan identificere skrifttypetyper. De arbejder med de fleste browsere, herunder Safari, så du skal finde noget, du kan arbejde med.

Firebug

Firebug plejede at være et Firefox-eneste debugging-værktøj til udviklere. Det blev så populært, at det nu er browser agnostik og vil arbejde sammen med de fleste browsere. Det er et utroligt kraftfuldt værktøj, der kan tjekke ethvert element på en webside, herunder skrifttypen.

Du skal blot installere addonet, fremhæve nogle tekst på siden, klikke på fanen HTML i firebug og derefter Computed til højre. Firebug skal derefter fremhæve skrifttypens navn, skrifttypefamilie, størrelse, vægt og alt hvad du behøver at vide.

WhatFont

WhatFont er en bogmærke, der kan identificere skrifttyper på websider. Træk bookmarkletet på din bogmærkebjælke og brug det til at identificere næsten enhver side hvor som helst. Naviger til en webside, du kan lide, klik på bogmærket og sving over den skrifttype, du vil identificere. En pæn lille boks vises over det, der fortæller dig skrifttypen.

Igen afhænger det af, hvordan CMS er konfigureret eller siden er designet, vil dette enten være en simpel skrifttypeidentifikation eller en fuld kasse, der giver dig størrelse, farve, vægt og så videre.

Der er masser af bookmarklet type addons, der kan identificere skrifttyper, WhatFont er blot en af ​​dem. Bruger du en? Lad os vide nedenfor.

Se Også