بررسی فونتها در هر صفحه
ماوس را روی متن ببرید و کلیک کنید تا فونت، اندازه، وزن، سبک و رنگ زنده را—کنار عنصر یا در نوار کناری—بدون باز کردن DevTools ببینید.
what the font - font finder
فونت و تایپوگرافی CSS هر عنصر صفحه وب را شناسایی کنید—خانواده، اندازه، وزن، ارتفاع خط، فاصله حروف، رنگ و contrast—سپس بدون ترک تب، آنچه نیاز دارید را کپی یا صادر کنید.
ساختهشده برای تایپوگرافی زنده
ویژگیها
جزئیات تایپوگرافی مهم
ارتفاع خط، فاصله حروف، تبدیل، تزئین و contrast (شامل نشانههای AAA/AA) را در یک پنل بخوانید.
کپی CSS با یک کلیک
خانواده فونت، رنگ یا قطعه CSS آماده برای عنصر بررسیشده را کپی کنید.
ویرایش استایلها در صفحه
وزن، اندازه، فاصله، رنگ و موارد بیشتر را روی عنصر زنده تنظیم کنید، سپس پس از پایان کاوش بازنشانی کنید.
همه فونتهای صفحه
استایلهای متنی یکتا را در صفحه اسکن کنید و هنگام ممیزی سیستم طراحی بین آنها جابهجا شوید.
صادرات و Google Fonts
تایپوگرافی را به SCSS یا JSON صادر کنید، یا جستجوی Google Fonts را برای خانواده یافتشده باز کنید.
ساده بهصورت طراحیشده
درباره ما
افزونه Chrome که تایپوگرافی زنده—فونت، اندازه، وزن، رنگ و contrast—را نشان میدهد تا بتوانید فونتها را از هر صفحه وب بررسی، کپی و صادر کنید.
- —
- مجموع استفاده منتشرشده
- —
- تعداد نظرات تأییدشده
Chrome Web Store
کاربران درباره ما
نظرات نمونهٔ توضیحی — نظرات Chrome Web Store پس از اتصال جایگزین میشوند.
★★★★★
“میتوانم خانواده، وزن و رنگ hex را از سایت زنده بدون باز کردن DevTools بگیرم.”
★★★★★
“کپی CSS و contrast در یک پنل دقیقاً همان چیزی است که در ممیزیها نیاز دارم.”
★★★★★
“همه فونتهای صفحه به من کمک میکند تایپوگرافی ناهماهنگ در یک landing page را سریع پیدا کنم.”
سه گام سریع
نحوه استفاده
-
افزونه را نصب کنید
what the font - font finder را از Chrome Web Store اضافه کنید و به نوار ابزار سنجاق کنید.
-
بررسی را شروع کنید
پنجره بازشو را باز کنید، بررسی را شروع کنید، سپس ماوس را روی هر متنی در صفحه ببرید و کلیک کنید.
-
کپی یا صادرات
CSS را کپی کنید، استایلها را صادر کنید، Google Fonts را باز کنید یا همه فونتهای صفحه را مرور کنید.
پاسخها پیش از نصب
سؤالات متداول
چگونه فونت یک وبسایت را شناسایی کنم؟
what the font - font finder را نصب کنید، بررسی را شروع کنید، ماوس را روی متن ببرید و کلیک کنید تا پنل با خانواده، اندازه، وزن و رنگ باز شود.
آیا میتوانم CSS متنی که میبینم را کپی کنم؟
بله. از پنل میتوانید خانواده فونت، رنگ یا قطعه CSS عنصر بررسیشده را کپی کنید.
آیا در همه صفحات کار میکند؟
در تبهای وبسایت عادی کار میکند. صفحات سیستمی Chrome و برخی URLهای محدود قابل بررسی نیستند.
آیا میتوانم همه فونتهای استفادهشده در یک صفحه را ببینم؟
از همه فونتهای صفحه استفاده کنید تا استایلهای متنی قابلمشاهده یکتا را فهرست کنید و هر کدام را در پنل جزئیات باز کنید.
آیا میتوانم هنگام بررسی ظاهر را تغییر دهم؟
بله. وزن، اندازه، فاصله، رنگ و استایلهای مرتبط را روی عنصر ویرایش کنید، سپس برای بازگرداندن اصل بازنشانی کنید.
Google Fonts را از کجا باز کنم؟
وقتی خانواده قابل جستجو به نظر میرسد، از عمل Google Fonts در پنل برای باز کردن جستجو با آن نام استفاده کنید.