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. Posiadanie odpowiedniej kombinacji kolorów i motywu sprawi, że Twoi użytkownicy pozostaną na Twojej stronie trochę dłużej. Oprócz palety kolorów i struktury witryny, wybrana czcionka odgrywa również istotną rolę w utrzymaniu 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 w przeglądarce narzędziu Inspect Element identyfikacja czcionki jest szybka i łatwa.

Jak znaleźć czcionki za pomocą narzędzia Sprawdź element

Jeśli nie wiesz, wbudowane w przeglądarkę narzędzie Inspect Element umożliwia zbadanie kodu źródłowego witryny. Możesz zrozumieć elementy projektu witryny, przeglądając jej CSS, HTML i inne informacje. To świetny sposób na zdobycie inspiracji podczas projektowania własnej witryny.

Proces identyfikacji czcionki za pomocą narzędzia Zbadaj element jest dość prosty i nie będziesz potrzebować żadnych umiejętności kodowania. To narzędzie jest dostępne we wszystkich przeglądarkach na rynku i każda ma podobny układ.

kto dzwoni do mnie z tego numeru za darmo

Oto jak zidentyfikować czcionkę za pomocą narzędzia Inspect przeglądarki.

Otwórz stronę, z której chcesz skorzystać.
Zaznacz tekst, który ma czcionkę, którą chcesz zidentyfikować, i kliknij go prawym przyciskiem myszy.
Kliknij Sprawdzać z menu kontekstowego.
Gdy otworzy się menu Sprawdź, kliknij Obliczone .
Przewiń w dół, aby znaleźć Rodzina czcionek Sekcja. Tutaj znajdziesz nazwę i styl czcionki oraz jej wymiary.

Inne sposoby korzystania z narzędzia inspekcji

Jeśli chcesz szybciej znaleźć czcionkę witryny za pomocą narzędzia Sprawdź, wypróbuj to:

Otwórz stronę, z której chcesz skorzystać.
naciskać Ctrl + Shift + C ( Cmd + Shift + C na Macu).
Najedź kursorem na tekst, aby wyświetlić styl czcionki, rozmiar, kod koloru i margines.

Możesz również sprawdzić listę czcionek używanych na stronie internetowej za pomocą narzędzia Sprawdź. Oto jak to zrobić:

Przejdź do strony internetowej.
Otwórz kod źródłowy, naciskając Ctrl + Shift + I ( Cmd + Shift + I na Macu).
Kliknij Sieć kartę, a następnie wybierz Robić patka.
Tutaj zobaczysz listę wszystkich czcionek użytych na stronie.

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

Związane z: Jak zwiększyć lub zmniejszyć rozmiar czcionki w Firefoksie

Jak rozpoznać czcionki za pomocą rozszerzeń przeglądarki?

Jeśli potrzebujesz wygodniejszego sposobu identyfikacji czcionki, możesz zainstalować rozszerzenie przeglądarki do wyszukiwania czcionek. Chociaż istnieje kilka rozszerzeń przeglądarki, które mogą pomóc w wykrywaniu czcionek w sieci, dwa najpopularniejsze z nich to: Jaka czcionka? oraz Wyszukiwarka czcionek .

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

1. Jaka czcionka?

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

Gdy w przeglądarce włączona jest funkcja WhatFont, najedź kursorem na tekst, aby wyświetlić jego czcionkę.
Po kliknięciu tekstu pojawi się wyskakujące okienko z pozostałymi szczegółami czcionki, takimi jak rozmiar, kolor i styl czcionki.
Dodatkowo możesz zaznaczyć wiele sekcji tekstu jednocześnie, aby porównać różne czcionki na tej samej stronie.

Pobierać: Jaki czcionka? Chrom | Firefox | Safari (Darmowy)

2. Wyszukiwarka czcionek

Wyszukiwarka czcionek wyświetla również szczegóły czcionki, gdy najedziesz kursorem na dowolny tekst w witrynie. Zawiera jednak wiele szczegółów technicznych, więc może być trochę zagmatwana, jeśli nie znasz się na projektowaniu stron internetowych.

To powiedziawszy, Wyszukiwarka czcionek jest bardziej odpowiednia dla twórców stron internetowych, którzy chcą zastąpić istniejące czcionki nowymi w czasie rzeczywistym. Ułatwia to testowanie czcionek przed wprowadzeniem jakichkolwiek trwałych zmian.

Oto jak przetestować czcionkę za pomocą Wyszukiwarki czcionek:

Zaznacz fragment tekstu ze strony internetowej.
Kliknij prawym przyciskiem myszy i wybierz Wyszukiwarka czcionek z menu kontekstowego.
Wybierz Zamień czcionkę na i wprowadź nazwę czcionki. Dodajmy Kalibry i zobacz, jak zmienia czcionkę w podglądzie.
Jeśli chcesz zresetować czcionkę, odśwież stronę.

Pobierać: Wyszukiwarka czcionek dla Chrom | Krawędź | Firefox (Darmowy)

A co z sprawdzaniem czcionki w obrazie?

Jeśli chcesz zidentyfikować czcionki w obrazie, rozszerzenia przeglądarki i narzędzie Inspect przeglądarki mogą nie pomóc. Możesz jednak wypróbować narzędzia do inspektora obrazów online, takie jak Jaka czcionka? , CzcionkaWiewiórka , Fontspring , Jaka czcionka , i wiele innych.

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

Jeśli jeszcze tego nie zrobiłeś, pobierz obraz, którego chcesz użyć.
Zaimportuj obraz do Jaka czcionka .
WhatTheFont automatycznie wykryje tekst na obrazie. Zmniejsz lub powiększ pole przycinania, aby otaczało czcionkę, którą chcesz zidentyfikować. Uderz w przycisk strzałki gdy zakończono.
WhatTheFont następnie dopasuje czcionkę w obrazie do czcionek w swojej galerii i pokaże blisko spokrewnione czcionki.
Jeśli nie znajdziesz od razu dobrego dopasowania, możesz dalej klikać Pokaż więcej wyników aby zobaczyć więcej powiązanych czcionek.

Związane z: Najlepsze darmowe strony internetowe z czcionkami dla darmowych czcionek online

Wykrywaj czcionki z sieci i używaj ich w swoich projektach

Czcionki odgrywają znaczącą rolę w sukcesie strony internetowej lub projektu graficznego. Jeśli podczas przeglądania sieci natkniesz się na interesującą czcionkę, możesz ją łatwo wykryć, korzystając z powyższych metod.

Udział Udział Ćwierkać E-mail WhatTheFont i 4 alternatywy do wyszukiwania czcionek z obrazów

Chcesz znaleźć czcionki z obrazów? Istnieją narzędzia online, które mogą to zrobić za Ciebie, w tym WhatTheFont i różne alternatywy.

Czytaj dalej Powiązane tematy

Internet
Twórczy
Czcionki
Rozszerzenia przeglądarki
Wskazówki dotyczące przeglądania

O autorze Szan Abdul |(46 opublikowanych artykułów)

Shan Abdul jest absolwentem inżynierii mechanicznej. Po ukończeniu edukacji rozpoczął karierę jako niezależny pisarz. Pisze o używaniu różnych narzędzi i oprogramowania, aby pomóc ludziom być bardziej produktywnymi jako student lub profesjonalista. W wolnym czasie uwielbia oglądać filmy na Youtube na temat produktywności.

Więcej od Shana Abdula

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować