Kā atrast tīmekļa lapas fontu, izmantojot rīku Pārbaudīt elementu un pārlūkprogrammas paplašinājumus

Jūsu vietnes panākumi lielā mērā ir atkarīgi no tās izskata. Pareiza krāsu kombinācija un motīvs saglabās jūsu vietnes apmeklētājus nedaudz ilgāk. Papildus jūsu vietnes krāsu paletei un struktūrai jūsu izvēlētajam fontam ir būtiska loma arī auditorijas piesaistīšanā.

Iespējams, pārlūkojot tīmekli, jūs sastopaties ar pievilcīgu vietni un vēlaties uzzināt, kādus fontus tā izmanto. Izmantojot tiešsaistes paplašinājumus un pārlūkprogrammā iebūvēto rīku Pārbaudīt elementu, fonta noteikšana ir ātra un vienkārša.

Ja nezināt, pārlūkprogrammā iebūvētais rīks Pārbaudīt elementu ļauj pārbaudīt vietnes pirmkodu. Vietnes dizaina elementus var saprast, aplūkojot tās CSS, HTML un citu informāciju. Tas ir lielisks veids, kā iegūt iedvesmu, veidojot savu vietni.

Fonta identificēšanas process, izmantojot elementu Pārbaudīt elementu, ir diezgan vienkāršs, un jums nebūs nepieciešamas nekādas kodēšanas prasmes. Šis rīks ir pieejams visās tirgus pārlūkprogrammās, un katram no tiem ir līdzīgs izkārtojums.

Lūk, kā identificēt fontu, izmantojot pārlūkprogrammas rīku Pārbaudīt.

1. Atveriet vietni, kuru vēlaties izmantot.
2. Iezīmējiet tekstu, kurā ir identificējamais fonts, un noklikšķiniet ar peles labo pogu.
3. Klikšķiniet uz Pārbaudiet no konteksta izvēlnes.
4. Kad tiek atvērta izvēlne Pārbaudīt, noklikšķiniet uz Aprēķināts.
5. Ritiniet uz leju, lai atrastu Fontu saime sadaļā. Šeit jūs varat atrast fonta nosaukumu un stilu, kā arī tā izmērus.

Ja vēlaties ātrāk atrast vietnes fontu, izmantojot rīku Pārbaudīt, izmēģiniet to:

1. Atveriet vietni, kuru vēlaties izmantot.
2. Nospiediet Ctrl + Shift + C (Cmd + Shift + C Mac datorā).
3. Virziet kursoru virs teksta, lai parādītu fonta stilu, izmēru, krāsu kodu un piemali.

Izmantojot rīku Pārbaudīt, varat pārbaudīt arī tīmekļa lapā izmantoto fontu sarakstu. Lai to izdarītu, rīkojieties šādi:

1. Dodieties uz vietni.
2. Atveriet pirmkodu, nospiežot Ctrl + Shift + I (Cmd + Shift + I Mac datorā).
3. Noklikšķiniet uz Tīkls cilni un pēc tam atlasiet Fonts cilni.
4. Šeit jūs redzēsit visu tīmekļa lapā izmantoto fontu sarakstu.

Lai reāllaikā iegūtu visu fontu sarakstu, iespējams, būs jāatsvaidzina vietne.

Saistīts: Kā palielināt vai samazināt fonta lielumu

Kā identificēt fontus, izmantojot pārlūkprogrammas paplašinājumus

Ja vēlaties ērtāku fonta identificēšanas veidu, ieteicams instalēt fontu atrašanas pārlūka paplašinājumu. Lai gan ir vairāki pārlūka paplašinājumi, kas var palīdzēt atklāt fontus tīmeklī, divi populārākie ir WhatFont un Fontu meklētājs.

Apskatīsim fontu identificēšanas procesu, izmantojot abus paplašinājumus.

1. WhatFont

WhatFont ir plaši populārs, lai ātri noteiktu vairākus fontus vienlaikus. Lūk, kā izmantot šo rīku.

1. Kad jūsu pārlūkprogrammā ir iespējots WhatFont, virziet kursoru virs teksta, lai parādītu tā fontu.
2. Noklikšķinot uz teksta, parādīsies uznirstošais logs ar pārējo fonta informāciju, piemēram, fonta lielumu, krāsu un stilu.
3. Turklāt varat vienlaikus atlasīt vairākas teksta sadaļas, lai vienā lapā salīdzinātu dažādus fontus.

Lejupielādēt: WhatFont par Chrome | Firefox | Safari (Bezmaksas)

2. Fontu meklētājs

Fontu meklētājs parāda arī fonta informāciju, kad virzāt kursoru virs jebkura vietnes teksta. Tomēr tas sniedz daudz tehnisku detaļu, tāpēc tas var nedaudz sajaukt, ja neesat pazīstams ar tīmekļa dizainu.

Tas nozīmē, ka Fontu meklētājs ir vairāk piemērots tīmekļa izstrādātājiem, kuri vēlas esošos fontus aizstāt ar jauniem reāllaikā. Tas atvieglo fontu pārbaudi pirms pastāvīgu izmaiņu veikšanas.

Lūk, kā pārbaudīt fontu, izmantojot Fontu meklētāju:

1. Izceliet daļu teksta no tīmekļa lapas.
2. Ar peles labo pogu noklikšķiniet uz tā un atlasiet Fontu meklētājs no konteksta izvēlnes.
3. Atlasiet Fontu aizstāt ar un ievadiet fonta nosaukumu. Piebildīsim Kalibri un redzēt, kā tas maina fontu priekšskatījumā.
4. Ja vēlaties atiestatīt fontu, atsvaidziniet lapu.

Lejupielādēt: FontFinder domēnam Chrome | Mala | Firefox (Bezmaksas)

Kā ir ar fonta pārbaudi attēlā?

Ja vēlaties identificēt attēla fontus, pārlūka paplašinājumi un pārlūkprogrammas Pārbaudes rīks var nepalīdzēt. Tomēr varat izmēģināt tiešsaistes attēlu inspektora rīkus, piemēram, WhatFontIs, FontsVāvere, Fontspring, WhatTheFont, un daudzi citi.

Fonta identificēšanas process no attēla lielākoties ir vienāds visos rīkos. Mēģināsim identificēt fontu attēlā, izmantojot WhatTheFont.

1. Lejupielādējiet izmantojamo attēlu, ja vēl neesat to izdarījis.
2. Importējiet attēlu WhatTheFont.
3. WhatTheFont automātiski noteiks tekstu jūsu attēlā. Samaziniet vai palieliniet apgriešanas lodziņu tā, lai tas apņemtu fontu, kuru vēlaties identificēt. Rezultāts bultiņas poga kad pabeigts.
4. Pēc tam WhatTheFont attēla fontu saskaņos ar fontiem savā galerijā un parādīs cieši saistītus fontus.
5. Ja uzreiz neatrodat labu spēli, varat turpināt klikšķināt Rādīt vairāk rezultātu lai redzētu vairāk saistītu fontu.

Saistīts: Labākās bezmaksas fontu vietnes bezmaksas fontiem tiešsaistē

Atklājiet fontus no tīmekļa un izmantojiet tos savos dizainos

Fontiem ir nozīmīga loma tīmekļa vietnes vai grafiskā dizaina panākumos. Ja, pārlūkojot tīmekli, uzduraties saistošam fontam, varat to viegli noteikt, izmantojot iepriekš minētās metodes.

WhatTheFont un 4 alternatīvas, lai atrastu fontus no attēliem

Vai vēlaties atrast fontus no attēliem? Ir tiešsaistes rīki, kas to var izdarīt jūsu vietā, tostarp WhatTheFont un dažādas alternatīvas.

Lasiet Tālāk

Par autoru