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.

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.

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

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

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

1. Otwórz witrynę, z której chcesz skorzystać.
2. naciśnij Ctrl + Shift + C (Cmd + Shift + C na Macu).
3. 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ć:

1. Przejdź do strony internetowej.
2. Otwórz kod źródłowy, naciskając Ctrl + Shift + I (Cmd + Shift + I na Macu).
3. Kliknij Sieć zakładkę, a następnie wybierz Czcionka patka.
4. 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? i 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.

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

Ściągnij: Jaki czcionka? Chrom | Firefox | Safari (Wolny)

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, Font Finder jest bardziej odpowiedni 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:

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

Ściągnij: Wyszukiwarka czcionek dla Chrom | Brzeg | Firefox (Wolny)

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.

1. Jeśli jeszcze tego nie zrobiłeś, pobierz obraz, którego chcesz użyć.
2. Zaimportuj obraz do Jaka czcionka.
3. 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.
4. WhatTheFont następnie dopasuje czcionkę w obrazie do czcionek w swojej galerii i pokaże blisko spokrewnione czcionki.
5. 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 za darmowe czcionki 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.

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

O autorze