Kuidas leida veebilehe fonti, kasutades tööriista Inspect Element ja brauseri laiendusi

Teie veebisaidi edu sõltub suuresti selle välimusest. Õige värvikombinatsiooni ja teema olemasolu hoiab külastajaid teie saidil veidi kauem. Lisaks saidi värvipaletile ja -struktuurile mängib teie valitud vaatajaskonna kaasamisel olulist rolli ka teie valitud font.

Võib-olla kohtasite veebi sirvides ahvatlevat saiti ja soovite teada, milliseid fonte see kasutab. Veebilaiendite ja brauseri sisseehitatud tööriista Inspect Element abil on fondi tuvastamine kiire ja lihtne.

Kui te ei teadnud, võimaldab teie brauseris sisseehitatud tööriist Inspect Element uurida veebisaidi lähtekoodi. Saidi kujunduselementidest saate aru, vaadates selle CSS-i, HTML-i ja muud teavet. See on suurepärane võimalus oma saidi kujundamisel inspiratsiooni saada.

Fondi tuvastamise tööriist Inspect Element abil on üsna lihtne ja te ei vaja kodeerimisoskusi. See tööriist on saadaval kõigis turul olevates brauserites ja kõigil on sarnane paigutus.

Fonti tuvastamiseks brauseri kontrollimise tööriista abil saate teha järgmist.

1. Avage veebisait, mida soovite kasutada.
2. Tõstke esile tekst, millel on tuvastatav font, ja paremklõpsake sellel.
3. Kliki Kontrollige kontekstimenüüst.
4. Kui avaneb menüü Kontrolli, klõpsake nuppu Arvutatud.
5. Kerige allapoole, et leida Fontide perekond jaotises. Siit leiate fondi nime ja stiili ning mõõtmed.

Kui soovite tööriista Ülevaatamine abil kiiremat viisi saidi fondi leidmiseks, proovige seda:

1. Avage veebisait, mida soovite kasutada.
2. Vajutage Ctrl + Tõst + C (Cmd + Tõst + C Macis).
3. Hõljutage kursorit teksti kohal, et kuvada fondi stiil, suurus, värvikood ja veeris.

Veebilehel kasutatavate fontide loendit saate kontrollida ka tööriista Ülevaatus abil. Seda saate teha järgmiselt.

1. Minge veebilehele.
2. Avage lähtekood vajutades Ctrl + Tõst + I (Cmd + Tõst + I Macis).
3. Klõpsake nuppu Võrk ja valige seejärel vahekaart Font vaheleht.
4. Siin näete kõigi veebisaidil kasutatud fontide loendit.

Kõigi fontide loendi reaalajas hankimiseks peate võib-olla veebilehte värskendama.

Seotud: Kuidas suurendada või vähendada Firefoxi fondisuurust

Fondide tuvastamine brauserilaiendite abil

Kui soovite fondi tuvastamiseks mugavamat viisi, võiksite installida fondi leidmise brauseri laienduse. Ehkki on olemas mitu brauserilaiendit, mis aitavad veebis fonte tuvastada, on need kaks kõige populaarsemat WhatFont ja Fontide leidja.

Vaatame mõlema laiendi abil fontide tuvastamise protsessi.

1. WhatFont

WhatFont on laialt populaarne mitme fondi kiireks tuvastamiseks korraga. Selle tööriista kasutamiseks tehke järgmist.

1. Kui WhatFont on teie brauseris lubatud, hõljutage kursorit teksti kohal, et kuvada selle font.
2. Kui klõpsate tekstil, ilmub hüpikaken koos ülejäänud fondi üksikasjadega, nagu fondi suurus, värv ja stiil.
3. Lisaks saate samal lehel erinevate fontide võrdlemiseks valida mitu tekstilõiku.

Lae alla: WhatFont jaoks Chrome | Firefox | Safari (Tasuta)

2. Fontide leidja

Fontide leidja kuvab fondi üksikasjad ka siis, kui hõljutate kursorit veebisaidi mis tahes teksti kohal. Kuid see annab palju tehnilisi üksikasju, nii et see võib veidi segadusse ajada, kui te pole veebidisainiga kursis.

See tähendab, et Font Finder sobib rohkem veebiarendajatele, kes soovivad olemasolevad fondid reaalajas uutega asendada. See hõlbustab fontide testimist enne püsivate muudatuste tegemist.

Fonti testimise abil saate fondi testida järgmiselt:

1. Tõstke esile osa tekstist veebilehelt.
2. Paremklõpsake sellel ja valige Fontide leidja kontekstimenüüst.
3. Valige Asenda font järgmisega: ja sisestage fondi nimi. Lisame veel Calibri ja vaadake, kuidas see eelvaates fondi muudab.
4. Kui soovite fondi lähtestada, värskendage lehte.

Lae alla: FontFinder jaoks Chrome | Edge | Firefox (Tasuta)

Aga pildi fondi kontrollimine?

Kui soovite pildil olevaid fonte tuvastada, ei pruugi brauseri laiendused ja teie brauseri ülevaatuse tööriist aidata. Kuid võite proovida veebipõhiseid pildikontrolli tööriistu nagu WhatFontIs, Font Orav, Fontspring, WhatTheFont, ja paljud teised.

Pildi fondi tuvastamise protsess on kõigis tööriistades suures osas sama. Proovime tuvastada pildi fondi, kasutades WhatTheFonti.

1. Kui te pole seda veel teinud, laadige alla pilt, mida soovite kasutada.
2. Importige pilt rakendusse WhatTheFont.
3. WhatTheFont tuvastab teie pildil oleva teksti automaatselt. Kärpige või suurendage kärpekasti nii, et see ümbritseks fonti, mille soovite tuvastada. Vajuta noolenupp kui valmis.
4. Seejärel sobitab WhatTheFont pildi fondi oma galerii fontidega ja näitab teile tihedalt seotud fonte.
5. Kui te ei leia kohe head vastet, võite klõpsata Näita rohkem tulemusi rohkem seotud fontide nägemiseks.

Seotud: Parimad tasuta fontide veebisaidid tasuta fontide jaoks veebis

Tuvastage fondid veebist ja kasutage neid oma kujunduses

Fondid mängivad olulist rolli veebisaidi või graafilise kujunduse edukuses. Kui satute veebi sirvides köitva fondi otsa, saate selle ülaltoodud meetodite abil hõlpsasti tuvastada.

WhatTheFont ja 4 alternatiivi piltide fontide leidmiseks

Kas soovite piltidelt fonte leida? Teie jaoks on võimalik teha veebipõhiseid tööriistu, sealhulgas WhatTheFont ja erinevad alternatiivid.

Loe edasi

Autori kohta