Jak znaleźć czcionkę strony internetowej za pomocą narzędzia Inspect Element i rozszerzeń przeglądarki

sukces Twojej witryny w dużej mierze zależy od jej wyglądu. Odpowiednia kombinacja kolorów i motyw utrzyma odwiedzających na twojej stronie trochę dłużej. Oprócz palety kolorów i struktury witryny, wybrana czcionka odgrywa również istotną rolę w utrzymywaniu zaangażowania odbiorców.

być może podczas przeglądania sieci natkniesz się na atrakcyjną witrynę i chcesz wiedzieć, jakich czcionek używa. Dzięki rozszerzeniom online i wbudowanemu narzędziu Inspect Element w przeglądarce identyfikacja czcionki jest szybka i łatwa.

jak znaleźć czcionki za pomocą narzędzia Inspect Element

jeśli nie wiesz, wbudowane w przeglądarce narzędzie Inspect Element umożliwia sprawdzenie kodu źródłowego witryny. Możesz zrozumieć elementy projektu witryny, patrząc na jej CSS, HTML i inne informacje. To świetny sposób na zdobycie inspiracji przy projektowaniu własnej strony.

proces identyfikacji czcionki za pomocą narzędzia Inspect Element jest dość prosty i nie wymaga żadnych umiejętności kodowania. To narzędzie jest dostępne we wszystkich przeglądarkach na rynku, a każda ma podobny układ.

oto jak zidentyfikować czcionkę za pomocą narzędzia Inspect w przeglądarce.

1. Otwórz stronę, której chcesz użyć.
2. zaznacz tekst, który ma czcionkę, którą chcesz zidentyfikować, i kliknij go prawym przyciskiem myszy.
3. kliknij Inspect z menu kontekstowego.
   

   

4. po otwarciu menu Inspect kliknij Oblicz.
5. przewiń w dół, aby znaleźć sekcję Font-Family. Tutaj możesz znaleźć nazwę i styl czcionki, a także jej wymiary.
   

   

inne sposoby korzystania z narzędzia Inspect

jeśli chcesz szybciej znaleźć czcionkę witryny za pomocą narzędzia Inspect, spróbuj zamiast tego:

1. Otwórz stronę, której chcesz użyć.
2. naciśnij Ctrl + Shift + C (Cmd + Shift + C na komputerze Mac).
3. najedź kursorem na tekst, aby wyświetlić styl czcionki, rozmiar, kod koloru i margines.
   

   

możesz także sprawdzić listę czcionek używanych na stronie internetowej za pomocą narzędzia Inspect. Oto jak to zrobić:

1. przejdź do strony.
2. Otwórz kod źródłowy, naciskając Ctrl + Shift + I (Cmd + Shift + i na komputerze Mac).
3. kliknij kartę Sieć, a następnie wybierz kartę czcionka.
4. tutaj zobaczysz listę wszystkich czcionek używanych na stronie.
   

   

aby wyświetlić listę wszystkich czcionek w czasie rzeczywistym, konieczne może być odświeżenie strony internetowej.

jak identyfikować czcionki za pomocą rozszerzeń przeglądarki

jeśli chcesz wygodniej zidentyfikować czcionkę, możesz zainstalować rozszerzenie przeglądarki do wyszukiwania czcionek. Chociaż istnieje kilka rozszerzeń przeglądarki, które mogą pomóc w wykrywaniu czcionek w Internecie, dwa najpopularniejsze to WhatFont i Font Finder.

przyjrzyjmy się procesowi identyfikacji czcionek przy użyciu obu rozszerzeń.

WhatFont

WhatFont jest powszechnie popularny do szybkiego wykrywania wielu czcionek naraz. Oto jak korzystać z tego narzędzia.

1. gdy WhatFont jest włączony w przeglądarce, najedź kursorem na tekst, aby wyświetlić jego czcionkę.
   

   

2. po kliknięciu tekstu pojawi się wyskakujące okno z resztą szczegółów czcionki, takich jak rozmiar czcionki, kolor i styl.
   

   

3. Ponadto można wybrać wiele sekcji tekstu jednocześnie, aby porównać różne czcionki na tej samej stronie.
   

   

Pobierz: WhatFont dla Chrome / Firefox / Safari (bezpłatny)

wyszukiwarka czcionek

wyszukiwarka czcionek wyświetla również szczegóły czcionki po najechaniu kursorem na dowolny tekst na stronie internetowej. Zawiera jednak wiele szczegółów technicznych, więc może być trochę mylące, jeśli nie znasz się na projektowaniu stron internetowych.

mimo to wyszukiwarka czcionek jest bardziej odpowiednia dla programistów internetowych, którzy chcą zastąpić istniejące czcionki nowymi w czasie rzeczywistym. Ułatwia to testowanie czcionek przed dokonaniem jakichkolwiek trwałych zmian.

oto jak przetestować czcionkę za pomocą wyszukiwarki czcionek:

1. zaznacz fragment tekstu ze strony internetowej.
2. kliknij go prawym przyciskiem myszy i wybierz wyszukiwarkę czcionek z menu kontekstowego.
   

   

3. wybierz opcję Zastąp czcionkę i wprowadź nazwę czcionki. Dodajmy Calibri i zobaczmy, jak zmienia czcionkę w podglądzie.
   

   

4. jeśli chcesz zresetować czcionkę, odśwież stronę.
   

   

Pobierz: FontFinder dla Chrome | Edge / Firefox (bezpłatny)

co z sprawdzaniem czcionki w obrazie?

jeśli chcesz zidentyfikować czcionki na obrazie, rozszerzenia przeglądarki i narzędzie Inspect przeglądarki mogą nie pomóc. Możesz jednak wypróbować narzędzia online image inspector, takie jak WhatFontIs, FontSquirrel, Fontspring, WhatTheFont i wiele innych.

proces identyfikacji czcionki z obrazu jest w dużej mierze taki sam we wszystkich narzędziach. Spróbujmy zidentyfikować czcionkę na obrazie za pomocą WhatTheFont.

1. jeśli jeszcze tego nie zrobiłeś, Pobierz obraz, którego chcesz użyć.
2. Importuj obraz do WhatTheFont.
   

   

3. WhatTheFont automatycznie wykryje tekst na Twoim obrazie. Zmniejsz lub powiększ pole kadrowania, aby otaczało czcionkę, którą chcesz zidentyfikować. Naciśnij przycisk strzałki po zakończeniu.
   

   

4. WhatTheFont następnie dopasuje czcionkę na obrazie do czcionek w jego galerii i pokaże blisko powiązane czcionki.
   

   

5. jeśli nie znajdziesz odpowiedniego dopasowania od razu, możesz kliknąć Pokaż więcej wyników, aby zobaczyć więcej powiązanych czcionek.
   

   

wykrywaj czcionki z sieci i wykorzystuj je w swoich projektach

czcionki odgrywają znaczącą rolę w powodzeniu strony internetowej lub projektu graficznego. Jeśli podczas przeglądania Internetu natkniesz się na wciągającą czcionkę, możesz ją łatwo wykryć za pomocą powyższych metod.