Vigtigste Andet Sådan kontrolleres skrifttypestørrelse og ansigt på et websted

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



Uanset om du er interesseret i design eller ligesom udseendet af et bestemt websted, kan du vide, hvilken type skrifttype webstedet bruger, og hvilken størrelse det er, kan hjælpe dig med at efterligne det eller bruge det på dit eget websted. 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, skal du læse videre!

hvordan man finder en persons fødselsdag
Sådan kontrolleres skrifttypestørrelse og ansigt på et websted

Med bogstaveligt talt millioner af skrifttyper derude, kan det tage længere tid at finde ud af, at den perfekte er. Når du finder en god, skal du finde ud af, hvad den er lige der og da, ellers kan du miste den for godt. Hvis det er særlig godt, kan du bruge det på dit eget websted, som en Office-skrifttype eller i Windows afhængigt af hvilken type skrifttype det er. Bare husk at huske, at nogle skrifttyper er beskyttet af ophavsret og ikke er tilgængelige for offentlig brug.

Kontroller skrifttype og størrelse på et websted

Der er et par måder at kontrollere skrifttypen og størrelsen på ethvert websted. Den nemmeste metode bruger selve browseren, mens andre bruger tredjepartsværktøjer til at identificere sideaktiver. Jeg dækker begge typer. Først vil vi fokusere på den indbyggede browsermetode.

  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 Font. Det skal vise skrifttypefamilien, den anvendte specifikke skrifttype, dens størrelse, dens farve og alt andet, siden definerer.

Forskellige CMS og forskellige webdesign viser deres fontoplysninger på forskellige måder. Prøv denne metode på et par websider, og du vil sandsynligvis se et par forskellige måder, hvorpå skrifttyper defineres.

hvordan-tjek-font-type-og-størrelse-på-et-websted-2

Tredjepartsværktøjer til at identificere skrifttype og størrelse

Der er et par tredjeparts tilføjelser, der fungerer enten som plugins eller som bookmarklets og kan identificere skrifttyper. De fungerer med de fleste browsere, inklusive Safari, så du skal finde noget, du kan arbejde med uden meget besvær.

Firebug

Firebug plejede at være et Firefox-eneste fejlretningsværktøj for udviklere. Det blev så populært, at det nu er browser agnostisk og fungerer sammen med de fleste browsere. Det er et utroligt alsidigt værktøj, der kan kontrollere ethvert element på en webside, herunder skrifttypen.

Installer bare tilføjelsesprogrammet som normalt, fremhæv noget tekst på siden, klik på HTML-fanen i Firebug og klik derefter på 'Beregnet' til højre. Firebug skal derefter fremhæve skrifttypenavn, skrifttypefamilie, størrelse, vægt og alt hvad du behøver at vide.

Husk dog, at Firebug er afbrudt fra 2017. Ældre versioner af det kan stadig downloades, men de opdateres ikke længere, og Firebug vil sandsynligvis miste funktionalitet, når browsere udvikler sig.

hvordan man sender invitationer på uenighed

hvordan-tjek-font-type-og-størrelse-på-et-websted-3

WhatFont

WhatFont er en bogmærke, der kan identificere skrifttyper på websider. Træk bookmarklet til din bogmærkebjælke og brug den til at identificere næsten enhver skrifttype hvor som helst. Det er gratis at bruge og meget ligetil. Naviger til en webside, du kan lide, klik på bogmærket, og hold markøren over den skrifttype, du vil identificere. En lille sort boks vises over den, der fortæller dig skrifttypen.

hvordan man sender et opkald til telefonsvareren

Da det er blevet opdateret, er det endda gjort kompatibelt med relaterede tilføjelser.

Igen, afhængigt af hvordan CMS er konfigureret, eller hvordan siden er designet, vil dette enten være en simpel fontidentifikation eller en fuld boks, der giver dig størrelse, farve, vægt osv.

Der er mange tilføjelser til bookmarklet-typen, der kan identificere skrifttyper; WhatFont er bare en af ​​dem. Bruger du en? Har denne artikel overbevist dig om at prøve en ny? Lad os vide det nedenfor.

Interessante Artikler

Redaktørens Valg

Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
En lille boble rækker langt, og TheDanDangler er den mest sprudlende personlighed på Twitch.
Sådan låses lydstyrken på Android
Sådan låses lydstyrken på Android
Smartphones er usædvanligt nyttige stykker tech. At have musik, spil, sociale medier, videoer og bøger i en lille pakke er fantastisk. Så fantastisk i virkeligheden, at du næppe kunne bebrejdes for at glemme deres grundlæggende, originale funktion - en telefon.
Sluk for Autoforbedring i Fotos-appen i Windows 10
Sluk for Autoforbedring i Fotos-appen i Windows 10
Du kan slå Automatisk forbedring fra i appen Fotos i Windows 10 for at få et mere naturligt udseende til dine fotos. Fotos-appen i Windows 10 ...
Sådan spiller du musik på alle Google Home-højttalere
Sådan spiller du musik på alle Google Home-højttalere
En af de mest innovative ting ved smarte højttalere er deres evne til at synkronisere og afspille musik som en enhed. Forestil dig at have den samme slags højttaler i hvert værelse i dit hus. Dine familiemedlemmer kunne hver bruge deres
Aktivér AVIF-support i Mozilla Firefox
Aktivér AVIF-support i Mozilla Firefox
Sådan aktiveres AVIF-understøttelse i Mozilla Firefox Fra og med Mozilla Firefox 77, der er i Betakanalen i skrivende stund, er det muligt at aktivere understøttelsen af ​​AVIF-billedformat i browseren. Dette kan være nyttigt for websteder, der aktivt bruger dette moderne format til at levere rigt multimedieindhold
Tilføj eller fjern tastaturlayout i Windows 10
Tilføj eller fjern tastaturlayout i Windows 10
Seneste Windows 10-builds leveres med en ny 'Tastatur'-side i appen Indstillinger. Sådan tilføjes eller fjernes et tastaturlayout i Windows 10.
Dagligt Bing # 2-tema til Windows 8
Dagligt Bing # 2-tema til Windows 8
Få de fantastiske tapeter, der er samlet fra Bings daglige billeder med temaet Daily Bing # 2 til Windows 8. For at få dette tema skal du klikke på downloadlinket nedenfor og derefter klikke på Åbn. Dette vil anvende temaet på dit skrivebord. Tip: Hvis du bruger Windows 7, skal du bruge vores Deskthemepack Installer til at installere og anvende dette