więc robisz swoje przeglądając internet i natykasz się na najgorszą kombinację czcionek, ale nie możesz zidentyfikować kroju pisma? Cóż w tym filmie (i lista poniżej) pokażę Ci dokładnie, jak znaleźć te czcionki …
Fontanello (Chrome + Firefox)
Fontanello Chrome i rozszerzenie Firefox, moim zdaniem, jest najszybszym sposobem, aby dowiedzieć się, jakiej czcionki używa strona internetowa. Wystarczy kliknąć prawym przyciskiem myszy na tekst, znaleźć Fontanello w menu i pow jest rodzina czcionek i kilka dodatkowych atrybutów.
Whatfont (Chrome i Safari)
rozszerzenie Whatfont Chrome i Safari jest moją ulubioną opcją, jeśli chodzi o wykrywanie czcionek. Aby aktywować narzędzie, należy kliknąć ikonę jaka Czcionka w menu przeglądarki. Teraz możesz wybrać wiele części tekstu, umożliwiając lepszą wizualizację podziału czcionek w porównaniu z Fontanello.
Visual Inspector (Chrome)
rozszerzenie Visual Inspector Chrome oferuje nieco więcej głębi niż dwa powyższe. Po prostu kliknij ikonę Inspektora wizualnego w menu Chrome, aby aktywować narzędzie, a następnie przejdź do sekcji Typografia w rozwijanym menu. Teraz przedstawiamy rodziny czcionek z dodatkowym podziałem całej typografii na stronie internetowej.
Dobra kontrola starego kodu (wszystkie przeglądarki)
jeśli więc próbujesz uniknąć instalowania dziesiątek rozszerzeń przeglądarki, możemy znaleźć więcej informacji na temat czcionek używanych w starej dobrej kontroli kodu:
jeśli używasz Google Chrome, kliknij prawym przyciskiem myszy tajemniczy tekst, wybierz Inspect. Pojawi się DevTools, upewnij się, że jesteś na karcie style i przejdź do atrybutów rodziny czcionek, aby dowiedzieć się więcej o czcionkach.
jeśli używasz Firefoksa, kliknij prawym przyciskiem myszy tekst, wybierz Sprawdź Element. Ich Inspektor wyskakuje, teraz przejdź do wygodnej zakładki czcionki, aby uzyskać potrzebne informacje.
jeśli używasz przeglądarki Safari, upewnij się, że menu programisty jest widoczne, zaznaczając pole na dole karty Zaawansowane w preferencjach przeglądarki Safari. Teraz kliknij prawym przyciskiem myszy tekst, wybierz Sprawdź Element. Otwórz pasek boczny szczegóły, jeśli jest zamknięty, i wybierz opcję Obliczanie stylów. Sekcja font-family wyświetli informacje o czcionce w atrybutach stylu.
odkrywanie nazw czcionek (metoda zaawansowana)
przeszkodą, z którą możemy się zmierzyć, jest to, że rodzina czcionek nie jest wyraźnie nazwana, w naturalny sposób odrzuca narzędzia i metody kontroli czcionek. Zaczynamy misję ratunkową od pobrania czcionki.
istnieje kilka sposobów, aby to zrobić, ale zacznę od odnotowania bieżącej nazwy czcionki. Teraz otwórz narzędzie Inspektor (używam Google Chrome), przejdź do zakładki aplikacja i przewiń do sekcji ramki i otwórz czcionki. Musimy dopasować nazwę pliku do nazwy czcionki podanej wcześniej. Teraz otwórz tę czcionkę w nowej karcie, aby ją pobrać. Na koniec przeciągamy ten plik czcionki do niesamowitego, co może zrobić moja czcionka? strona i bam, informacja o czcionce jest pięknie przedstawiona.
Much love,
Rob
Twitter: @ robhope
LinkedIn: @robhope
e-mail: