Fount: Szybki podgląd atrybutów CSS czcionek używanych na stronach internetowych

click fraud protection

Wszystkie przeglądarki są wyposażone w narzędzia, które pomagają programistom testować strony internetowe i zapewniać, że opracowane przez nich witryny działają poprawnie. Ponadto istnieją również dodatki lub rozszerzenia, które pomagają programistom, a dodatek Firebug dla Firefoksa jest jednym z bardziej popularnych przykładów. Dla każdej przeglądarki masz różne narzędzia i nie ma między nimi jednolitości. Wszystkie narzędzia będą miały podstawowe funkcje, ale można śmiało powiedzieć, że niektóre narzędzia programistyczne przeglądarki są lepsze niż inne. Chociaż świat wbudowanych narzędzi przeglądarki jest ogromny, faktem jest, że nie wszystkie są używane lub potrzebne w pełnym zakresie. Może się zdarzyć, że otworzysz panel programisty dla bardzo prostych rzeczy, takich jak sprawdzenie CSS używanych na stronie internetowej. Jeśli często musisz znaleźć rodzinę czcionek, rozmiar i styl czcionki ze stron internetowych, zalecamy użycie Źródło. Zasadniczo jest to bookmarklet, który działa z własną aplikacją internetową (nie opiera się na innej usługa), która pozwala łatwo zidentyfikować zastosowane style czcionek CSS (rodzina czcionek, rozmiar i styl) wybrany tekst. Przydaje się to w przypadkach, gdy chcesz używać stylów czcionek używanych na określonej stronie w swoich witrynach. Wszystko, co trzeba, to dodać przycisk Fount do paska zakładek. Jeśli chcesz odczytać atrybuty czcionki, kliknij jej bookmarklet, aby wyświetlić właściwości CSS czcionki w małym półprzezroczystym oknie.

instagram viewer

Odpalamy, odwiedzamy Fount (link podany na dole) i przeciągamy przycisk Fount nad paskiem zakładek.

Fount · Zidentyfikuj każdą czcionkę internetową, którą widzisz

Po dodaniu do ulubionych Fount odwiedź witrynę, dla której chcesz sprawdzić atrybuty czcionek. Po prostu zaznacz tekst, a następnie kliknij bookmarklet Fount. Wyświetli właściwości CSS czcionki, jak pokazano na zrzucie ekranu poniżej. Ponowne kliknięcie bookmarkletu Fount spowoduje wyłączenie go na stronie.

źródło

Bookmarklet, będący bookmarkletem, może działać niemal we wszystkich przeglądarkach, co oznacza, że ​​nie będziesz musiał szukać i instalować innego rozszerzenia dla każdej przeglądarki. Poza tym jest to lekkie i proste narzędzie do prostej funkcji, którą możesz często wykonywać.

Chociaż bookmarklet będzie działał w większości przeglądarek, może nie działać na wszystkich stronach. Dziwnym dziwactwem zauważonym podczas testowania na stronie, na którą bookmarklet nie odpowiedział, było dodanie alfabetów (a - z) raz w linii tekstu.

Fount został przetestowany we wszystkich znanych przeglądarkach internetowych, takich jak Safari, Chrome, Firefox i IE8.

Odwiedź Fount

watch instagram story