Jak sprawdzić jakie czcionki zostały użyte na stronie? - Przystanek Internet
jak znaleźć nazwę czcionki

Jak sprawdzić jakie czcionki zostały użyte na stronie?

Poszukujesz nowej czcionki dla swojej marki? Czy może chcesz znaleźć ładny i oryginalny font do nowego projektu? Prawdopodobnie inspiracji szukasz na różnych stronach internetowych. Od razu widzisz, jak ta czcionka wygląda przy dłuższym tekście oraz z jaką inną można ją połączyć. No dobrze, masz już tę idealną czcionkę, tylko teraz pozostaje pytanie „Jak ona się nazywa?”. Poniżej przedstawię Ci kilka sposobów skąd pobrać nazwę danego fontu.

1. Bezpośrednio w przeglądarce (na przykładzie przeglądarki Firefox)

  1. Najedź kursorem myszki na konkretny element i kliknij prawym klawiszem.
  2. Wybierz zbadaj.
  3. Na dole strony pojawią się tabelki z kodem – nazwa fontu będzie po prawej stronie w zakładce czcionki.

2. Bezpośrednio w przeglądarce (na przykładzie przeglądarki Chrome)

  1. Najedź kursorem myszki na konkretny element i kliknij prawym klawiszem.
  2. Wybierz zbadaj.
  3. Pojawi się panel z kodem, w którym musisz wybrać zakładkę Computed.
  4. Zjedź kursorem niżej i poszukaj linijki z font-family. Znajdziesz tu nazwy czcionek użytych na stronie.

3. Za pomocą rozszerzenia WhatFont

  1. Pobierz rozszerzenie WhatFont odpowiednie do Twojej przeglądarki.
  2. Dodaj do zakładek.
  3. Przejdź na witrynę, na której są Twoje ulubione czcionki.
  4. Kliknij logo WhatFont.
  5. Najedź kursorem na czcionkę i od razu pojawi Ci się jej nazwa.

4. A co zrobić z fontem, który znajduje się na grafice?

Tu z pomocą przychodzą nam dwie strony – FontSquirrel oraz WhatTheFont.

W przypadku FontSquirrel
  1. Wchodzimy na witrynę i ładujemy grafikę z napisem.
  2. Następnie klikamy przycisk Matcherate It!
  3. Program przeanalizuje grafikę i pokaże wyniki z podobnymi czcionkami.
W przypadku WhatTheFont
  1. Wchodzimy na witrynę i ładujemy grafikę z napisem.
  2. Przyciskamy niebieski guzik.
  3. I w tym przypadku również otrzymujemy kilka wyników z podobnymi czcionkami.

Który sposób najlepszy?

Każdy już sam musi wypróbować, który sposób najlepiej się sprawdzi. W pierwszych dwóch przypadkach i chyba najprostszych, mamy podane na tacy nazwy czcionek. Pochodzą one bezpośrednio z kodu strony, więc jest pewność, że to właśnie te. Przy testowaniu przypadło mi do gustu też rozszerzenie WhatFont. Fakt, że na samym początku musimy ściągnąć to narzędzie, ale już w późniejszym użytkowaniu jest bardzo proste. Wystarczy tylko jednym kliknięciem uruchomić i od razu wyświetlają nam się użyte czcionki.

Jeżeli chodzi o czytanie czcionek z grafik, to przynajmniej w moim przypadku, wyniki nie były idealne. Nie mniej zaproponowali bardzo podobne fonty do przykładowego, więc i te sposoby mogą się przydać. Tym bardziej że w przypadku grafiki nie pomoże nam informacja z kodu strony. Myślę, że może nie jest to idealne narzędzie, ale pokazuje fajne alternatywy czcionek.

Nie wszystkie propozycje, mogą nam przypaść do gustu, ale na szczęście mamy dość duży wybór sposobów na odnalezienie naszej idealnej czcionki. Warto wypróbować kilka i odkryć narzędzie, które zostanie z Wami na dłużej. A jeżeli masz problem z doborem odpowiedniej czcionki, zachęcam Cię do przeczytania wpisu “Jak dobrać fonty i kolory marki?“.

Zostaw komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

I accept the Terms and Conditions and the Privacy Policy

Shopping Cart