Hogyan lehet megtalálni a weboldal betűtípusát az Inspect Element eszközzel és a böngészőbővítményekkel

különböző betűtípusok  különböző betűtípusok  különböző betűtípusok  különböző betűtípusok

webhelyének sikere nagyban függ a megjelenésétől. Miután a megfelelő színkombináció és a téma fogja a látogatók a webhelyen egy kicsit. A webhely színpalettája és szerkezete mellett a választott betűtípus is alapvető szerepet játszik a közönség elkötelezettségében.

lehet, hogy a web böngészése közben egy vonzó webhelyre bukkan, és szeretné tudni, hogy milyen betűtípusokat használ. Az online bővítményekkel és a böngésző beépített Inspect Element eszközével a betűtípus azonosítása gyors és egyszerű.

Hogyan keressünk betűtípusokat az Inspect Element eszköz segítségével

abban az esetben, ha nem tudta, a böngésző beépített Inspect Element eszközével megvizsgálhatja a webhely forráskódját. Megértheti a webhely tervezési elemeit a CSS, HTML és egyéb információk megtekintésével. Ez egy nagyszerű módja annak, hogy inspirációt szerezzen saját webhelyének tervezésekor.

a betűkészlet azonosítása az Inspect Element eszközzel meglehetősen egyszerű, és nincs szükség kódolási készségekre. Ez az eszköz a piac minden böngészőjében elérhető, és mindegyik hasonló elrendezéssel rendelkezik.

így azonosíthatja a betűtípust a böngésző Inspect eszközével.

  1. nyissa meg a használni kívánt webhelyet.
  2. jelölje ki az azonosítani kívánt betűtípussal rendelkező szöveget, majd kattintson rá a jobb gombbal.
  3. kattintson az Ellenőrzés elemre a helyi menüben.
     böngésző ellenőrzés opció nyitva
  4. amikor megnyílik az ellenőrzés menü, kattintson a kiszámított elemre.
  5. görgessen lefelé a betűtípus-család szakasz megkereséséhez. Itt megtalálja a betűtípus nevét és stílusát, valamint annak méreteit.
     Böngészőfelügyelő nyílt forráskód mutatja betűtípus család

az Inspect eszköz használatának egyéb módjai

ha gyorsabban szeretné megtalálni a webhely betűtípusát az Inspect eszköz segítségével, próbálja meg ezt:

  1. nyissa meg a használni kívánt webhelyet.
  2. nyomja meg a Ctrl + Shift + C billentyűkombinációt (Cmd + Shift + C Mac rendszeren).
  3. a betűstílus, a méret, a színkód és a margó megjelenítéséhez vigye az egérmutatót a szöveg fölé.
     párbeszédpanel, amely a szöveg betűtípusának részleteit mutatja A Chrome-ban

a Weboldalon használt betűtípusok listáját az ellenőrzés eszköz segítségével is ellenőrizheti. Itt van, hogyan kell ezt csinálni:

  1. nyissa meg a weboldalt.
  2. nyissa meg a forráskódot a Ctrl + Shift + I megnyomásával (cmd + Shift + I Mac rendszeren).
  3. kattintson a Hálózat fülre, majd válassza a betűtípus lapot.
  4. Itt láthatja a weboldalon használt összes betűtípus listáját.
     a webhelyen használt betűtípusok listája látható a Chrome böngésző Felügyelőjében

ahhoz, hogy az összes betűtípus listáját valós időben megkapja, előfordulhat, hogy frissítenie kell a weboldalt.

betűtípusok azonosítása böngészőbővítmények használatával

ha kényelmesebb módot szeretne a betűtípus azonosítására, érdemes telepíteni egy betűtípus-kereső böngészőbővítményt. Bár számos böngészőbővítmény segíthet a betűtípusok észlelésében az interneten, a két legnépszerűbb a WhatFont és a Font Finder.

vessünk egy pillantást a betűtípusok azonosításának folyamatára mindkét kiterjesztés használatával.

WhatFont

a WhatFont széles körben népszerű a több betűtípus gyors észlelésére egyszerre. Itt van, hogyan kell használni ezt az eszközt.

  1. ha a WhatFont engedélyezve van a böngészőben, vigye az egérmutatót a szöveg fölé a betűtípus megjelenítéséhez.
     WhatFont a betűtípus nevének megjelenítése a szöveg felett
  2. miután rákattintott a szövegre, megjelenik egy felugró ablak a betűtípus többi részletével, például a betűmérettel, a színnel és a stílussal.
     WhatFont a szöveg betűkészletének részleteinek megjelenítése
  3. ezenkívül egyszerre több szövegrészt is kiválaszthat, hogy összehasonlítsa az ugyanazon az oldalon található különböző betűtípusokat.
     WhatFont Több Betűtípus-Adat Megjelenítése Egyszerre

Letöltés: WhatFont for Chrome / Firefox / Safari (ingyenes)

Font Finder

Font Finder is megjeleníti betűtípus adatait, ha az egérmutatót bármely szöveget a honlapon. Ez azonban sok technikai részletet tartalmaz, így kissé zavaró lehet, ha nem ismeri a webdesignot.

 betűtípus kereső Plugin mutatja Indepth betűtípus Részletek

ennek ellenére a Font Finder jobban megfelel azoknak a webfejlesztőknek, akik valós időben szeretnék kicserélni a meglévő betűtípusokat újakra. Ez megkönnyíti a betűtípusok tesztelését, mielőtt bármilyen állandó változtatást végezne.

itt van, hogyan kell kipróbálni egy betűtípust a Font Finder segítségével:

  1. jelölje ki a szöveg egy részét a weboldalról.
  2. kattintson rá a jobb gombbal, majd válassza a betűtípus-kereső lehetőséget a helyi menüből.
     a betűtípus cseréje a betűtípus-kereső bővítménnyel
  3. válassza a betűtípus cseréje lehetőséget, majd írja be a betűtípus nevét. Adjuk hozzá a Calibri-t, és nézzük meg, hogyan változtatja meg a betűtípust az előnézetben.
     a betűtípus módosítása Calibri-ra a betűtípus-keresővel
  4. ha vissza szeretné állítani a betűtípust, frissítse az oldalt.
     a betűtípus Calibri-ra változott

letöltés: FontFinder for Chrome / Edge / Firefox (ingyenes)

mi a helyzet a kép betűtípusának ellenőrzésével?

ha azonosítani szeretné a betűtípusokat egy képen, a böngészőbővítmények és a böngésző ellenőrző eszköze nem biztos, hogy segít. Azonban kipróbálhatja az online képellenőrző eszközöket, mint például a WhatFontIs, FontSquirrel, Fontspring, WhatTheFont és még sokan mások.

a betűtípus képből történő azonosításának folyamata minden eszközben nagyjából azonos. Próbáljuk meg azonosítani a betűtípust egy képen a WhatTheFont segítségével.

  1. ha még nem tette meg, töltse le a használni kívánt képet.
  2. importálja a képet a WhatTheFont-ba.
     WhatTheFont Image Font Detection Box
  3. WhatTheFont automatikusan felismeri a szöveget a képen. Zsugorítsa vagy nagyítsa a kivágási mezőt úgy, hogy az körülvegye az azonosítani kívánt betűtípust. Nyomja meg a nyíl gombot, ha kész.
     Kép hozzáadása a WhatTheFont-hoz
  4. WhatTheFont majd egyezik a betűtípus a képen betűtípusok a galériában, és megmutatja szorosan kapcsolódó betűtípusok.
     WhatTheFont kapcsolódó betűtípusok megjelenítése
  5. ha nem talál egy jó mérkőzés azonnal, akkor tartsa kattintva további eredmények megjelenítése, hogy több kapcsolódó betűtípusok.
     További eredmények megjelenítése a WhatTheFont-ban

a betűtípusok jelentős szerepet játszanak a weboldal vagy a grafikai tervezés sikerében. Ha az internet böngészése közben megbotlik egy vonzó betűtípussal, a fenti módszerekkel könnyen észlelheti.

Shan Abdul (107 cikk megjelent)

Shan Abdul mérnöki diplomás. Az érettségi és az MS befejezése után szabadúszó íróként kezdte karrierjét. Különböző eszközök és szoftverek használatáról ír, amelyek segítenek az embereknek abban, hogy diákként vagy szakemberként produktívabbak legyenek. Szabadidejében szeret YouTube-videókat nézni a termelékenységről.

Több Shan Abdul

Leave a Reply

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.