niezależnie od tego, czy zajmujesz się projektowaniem, czy po prostu lubisz wygląd konkretnej strony internetowej, wiedza, jakiego rodzaju czcionki używa strona i jaki jest jej rozmiar, może pomóc ci ją emulować lub użyć na swojej własnej stronie internetowej. Istnieje kilka sposobów, aby to osiągnąć, a pokażę wam kilka z nich tutaj. Więc jeśli chcesz sprawdzić typ i rozmiar czcionki na stronie internetowej, czytaj dalej!
z dosłownie milionami czcionek, znalezienie idealnego Może potrwać dłużej niż powinno. Kiedy zauważysz dobry, musisz dowiedzieć się, co to jest, a potem, w przeciwnym razie możesz go stracić na dobre. Jeśli jest szczególnie dobry, możesz go użyć na własnej stronie internetowej, jako czcionki biurowej lub w systemie Windows, w zależności od rodzaju czcionki. Pamiętaj tylko, że niektóre czcionki są chronione prawami autorskimi i nie są dostępne do użytku publicznego.
sprawdzanie typu i rozmiaru czcionki na stronie internetowej
istnieje kilka sposobów sprawdzenia typu i rozmiaru czcionki na dowolnej stronie internetowej. Najprostsza metoda wykorzystuje samą przeglądarkę, podczas gdy inne używają narzędzi innych firm do identyfikacji zasobów Strony. Omówię oba typy. Najpierw skupimy się na wbudowanej metodzie przeglądarki.
- kliknij prawym przyciskiem myszy stronę, której wygląd ci się podoba i wybierz Inspect Element (Firefox), Inspect (Chrome) lub F12 Developer Tools (Edge).
- Wybierz Inspektor (Firefox) lub Computed (Chrome) w nowych dolnych oknach i przewiń w dół po prawej stronie, aż dojdziesz do czcionki lub rozmiaru czcionki. Powinien pokazywać rodzinę czcionek, konkretną używaną czcionkę, jej rozmiar, kolor i wszystko inne, co strona definiuje.
różne systemy CMS i różne projekty stron internetowych wyświetlają informacje o czcionkach na różne sposoby. Wypróbuj tę metodę na kilku stronach internetowych, a prawdopodobnie zobaczysz kilka różnych sposobów definiowania czcionek.
narzędzia innych firm do identyfikacji typu i rozmiaru czcionki
istnieje kilka dodatków innych firm, które działają jako wtyczki lub jako bookmarklety i mogą identyfikować typy czcionek. Działają z większością przeglądarek, w tym Safari, więc powinieneś znaleźć coś, z czym możesz pracować bez większych problemów.
Firebug
Firebug był kiedyś narzędziem do debugowania tylko dla Firefoksa dla programistów. Stał się tak popularny, że jest teraz agnostykiem przeglądarki i będzie działał z większością przeglądarek. Jest to niezwykle wszechstronne narzędzie, które może sprawdzić dowolny element strony internetowej, w tym czcionkę.
- po prostu zainstaluj dodatek tak, jak zwykle, podświetl tekst na stronie, kliknij kartę HTML w Firebug, a następnie kliknij Oblicz po prawej stronie. Firebug powinien następnie podświetlić nazwę czcionki, rodzinę czcionek, rozmiar, wagę i wszystko, co musisz wiedzieć.
należy jednak pamiętać, że Firebug został wycofany z użytku w 2017 roku. Starsze wersje nadal można pobrać, ale nie będą już aktualizowane, a Firebug prawdopodobnie straci funkcjonalność w miarę rozwoju przeglądarek.
WhatFont
WhatFont to bookmarklet, który może identyfikować czcionki na stronach internetowych. Przeciągnij bookmarklet na pasek zakładek i użyj go, aby zidentyfikować prawie każdą czcionkę w dowolnym miejscu. Jest darmowy i bardzo prosty w użyciu. Przejdź do strony internetowej, którą lubisz, kliknij na bookmarklet i najedź kursorem na czcionkę, którą chcesz zidentyfikować. Nad nim pojawia się mała czarna skrzynka z informacją o czcionce.
po zaktualizowaniu został nawet zgodny z powiązanymi dodatkami.
ponownie, w zależności od tego, jak skonfigurowany jest CMS lub jak zaprojektowana jest strona, będzie to prosta identyfikacja czcionki lub pełne pudełko z rozmiarem, kolorem, wagą i tak dalej.
Fontanello
nie mylić z piłkarzem, Fontanello to świetne darmowe rozszerzenie przeglądarki, które pozwala szybko i łatwo przeglądać czcionkę strony. Chociaż obecnie jest dostępne tylko dla Chrome i Firefox, to rozszerzenie jest warte pobrania.
przeglądanie stron internetowych
istnieje wiele dodatków typu bookmarklet, które mogą identyfikować czcionki; WhatFont jest tylko jednym z nich. Używasz takiego? Czy ten artykuł przekonał cię do wypróbowania nowego? Daj nam znać poniżej.