فونت‌لنز

هر متنی را انتخاب کنید، راست‌کلیک کرده و فوراً فونت، اندازه، وزن، رنگ و CSS آن را بازرسی کنید. کپی، تغییر، پیش‌نمایش و دانلود.

آیا تا به حال وارد صفحه‌ای شده‌اید، مجذوب حروف‌چینی آن شوید و از خود بپرسید «این چه فونتی است؟» فونت‌لنز به این سؤال با یک کلیک پاسخ می‌دهد. هر متنی را در هر وب‌سایتی انتخاب کنید، راست‌کلیک کرده و گزینه «بررسی فونت با فونت‌لنز» را انتخاب نمایید. یک پنل تمیز و متمرکز درست روی صفحه باز می‌شود و دقیقاً نشان می‌دهد که آن متن چگونه استایل‌دهی شده است: نوع فونت، اندازه، وزن، ارتفاع خط، رنگ و تمام جزئیات دیگر پشت طراحی. چه طراحی باشید که در حال مهندسی معکوس یک طرح است، چه توسعه‌دهنده‌ای که با یک مشخصات فنی تطبیق می‌دهد، یا صرفاً در مورد یک تیتر زیبا کنجکاو باشید، این ابزار هر صفحه وب را به کتابی باز در دنیای تایپوگرافی تبدیل می‌کند. فونت‌لنز یک ابزار شناسایی فونت و بازرسی CSS است که در یک بسته ارائه می‌شود. این ابزار فقط نام خانواده فونت را به شما نمی‌گوید، بلکه کد آماده استفاده، یک فضای تعاملی برای آزمایش ایده‌ها و ابزارهای دسترسی‌پذیری برای اطمینان از خوانایی متن را در اختیار شما قرار می‌دهد. بدون نیاز به حساب کاربری. بدون نیاز به ثبت‌نام. فقط انتخاب کنید، راست‌کلیک کنید و بررسی نمایید. 🔍 کارهایی که می‌توانید انجام دهید - آشکارسازی تایپوگرافی کامل هر کلمه انتخاب‌شده: خانواده فونت، اندازه فونت، وزن فونت، ارتفاع خط و رنگ در یک نگاه - مشاهده استایل‌های اضافی که به‌راحتی نادیده گرفته می‌شوند، مانند فاصله بین حروف، تغییر شکل متن و سبک فونت - کپی کردن هر ویژگی با یک کلیک، یا دریافت کل مجموعه قوانین به‌عنوان یک قطعه کد CSS کامل - تبدیل آن قطعه کد به Tailwind، SCSS یا SASS از طریق تب‌های ساده، و سپس کپی کل کد یا خط به خط - آزمایش در یک پیش‌نمایش زنده و قابل ویرایش: بازنویسی کلمات نمونه، تغییر مقادیر، تعویض پس‌زمینه و مشاهده به‌روزرسانی فوری آن - شناسایی منبع یک فونت وب با نشان ارائه‌دهنده (فونت‌های گوگل، فونت‌های ادوبی، میزبانی شخصی یا یک فونت سیستمی داخلی) - ذخیره یک فونت وب بر روی کامپیوتر خود با دکمه «دانلود فونت»، که مستقیماً از منبع اصلی آن گرفته می‌شود - بررسی کنتراست رنگ بر اساس استانداردهای WCAG، با نسبت دقیق به همراه نتایج قبولی یا رد برای AA و AAA - انتخاب و نمونه‌برداری رنگ‌ها با یک انتخاب‌گر رنگ کامل، شامل یک قطره‌چکان برای برداشتن رنگ هر پیکسل از صفحه - تغییر واحدهای اندازه‌گیری بین px، rem، pt و em، که هم در فیلدها و هم در کد خروجی اعمال می‌شود 🖱️ چگونه کار می‌کند استفاده از فونت‌لنز چند ثانیه بیشتر طول نمی‌کشد. کلماتی را که می‌خواهید بررسی کنید برجسته کرده، روی قسمت انتخاب‌شده راست‌کلیک کنید و از منو گزینه «بررسی فونت با فونت‌لنز» را انتخاب کنید. پنل روی صفحه فعلی ظاهر می‌شود و به شکلی مرتب طراحی شده تا هرگز با ظاهر خود سایت تداخل نداشته باشد. از آنجا می‌توانید جزئیات را بخوانید، آنچه را نیاز دارید کپی کنید یا ویرایش را شروع کنید. پیش‌نمایش زنده جایی است که کار جذاب می‌شود. کلمات را تغییر دهید تا یک تیتر واقعی را آزمایش کنید، اندازه را کمی تغییر دهید، وزن را تنظیم کنید یا یک رنگ پس‌زمینه جدید تنظیم کنید تا ببینید تایپوگرافی چگونه به نظر می‌رسد. ویرایش‌های شما با جابه‌جایی بین صفحات و بازگشت دوباره باقی می‌مانند، بنابراین ایده‌ای که در یک سایت شروع کرده‌اید در سایت بعدی منتظر شماست. وقتی مقادیر اصلی را می‌خواهید، دکمه «بازنشانی به حالت سایت» همه چیز را به حالتی که صفحه واقعاً استفاده می‌کند بازمی‌گرداند. آیا به فایل خام نیاز دارید؟ برای یک فونت وب قابل دانلود، یک دکمه فایل واقعی را از مکان @font-face آن دریافت می‌کند. برای فونتی که قبلاً با سیستم‌عامل شما ارائه شده است، فونت‌لنز به شما می‌گوید که این یک فونت داخلی است، بنابراین می‌دانید که بدون نیاز به دانلود در دسترس است. 🔒 حریم خصوصی در اولویت فونت‌لنز به‌طور کامل درون مرورگر شما اجرا می‌شود. هیچ‌گونه جمع‌آوری داده، ردیابی، تحلیل و سرور خارجی در فرآیند بررسی متن دخیل نیست. هر چیزی که بررسی می‌کنید روی دستگاه شما باقی می‌ماند. این افزونه دقیقاً یک درخواست شبکه ارسال می‌کند، و آن هم تنها زمانی است که شما عمداً دکمه «دانلود فونت» را فشار دهید، که در آن نقطه برای دریافت فایل به منبع اصلی آن فونت متصل می‌شود. هیچ چیز دیگری از دستگاه شما خارج نمی‌شود. سطح دسترسی‌ها عمداً محدود نگه داشته شده است. دسترسی منوی راست‌کلیک، گزینه مربوطه را اضافه می‌کند. دسترسی به تب فعال به ابزار اجازه می‌دهد متنی را که در همان تب انتخاب کرده‌اید بخواند و نه هیچ جای دیگر. دسترسی به حافظه، متن پیش‌نمایش و تنظیمات واحد و فرمت شما را نگه می‌دارد تا دفعه بعد به خاطر سپرده شوند. هیچ دسترسی گسترده‌ای به تاریخچه مرور شما و هیچ دسترسی کلی به میزبان‌ها وجود ندارد. 👥 برای چه کسانی مناسب است - طراحان وب که می‌خواهند یک فونت را شناسایی کنند، یک پالت رنگی را ثبت کنند و از استایل‌ها به سرعت استفاده مجدد کنند - توسعه‌دهندگان فرانت‌اند که یک ماکاپ را پیاده‌سازی می‌کنند یا مقادیر دقیق خانواده فونت و فاصله‌گذاری را به کد منتقل می‌کنند - مهندسان رابط کاربری و تجربه کاربری که سیستم‌های تایپوگرافی یکپارچه و منطبق با برند را می‌سازند - دانشجویانی که در حال یادگیری CSS و تایپوگرافی هستند و می‌خواهند ببینند سایت‌های واقعی چگونه ساخته شده‌اند - ممیزان دسترسی‌پذیری که تأیید می‌کنند متن قبل از انتشار، الزامات کنتراست WCAG را برآورده می‌کند - وبلاگ‌نویسان، بازاریابان و خوانندگان کنجکاوی که صرفاً می‌خواهند بدانند یک سایت از چه فونتی استفاده می‌کند ✨ چرا کاربران آن را نگه می‌دارند - یک راست‌کلیک شما را به‌جای کندوکاو در ابزارهای توسعه‌دهنده به جواب می‌رساند - کد در فرمت‌های CSS ساده، Tailwind، SCSS یا SASS آماده کپی است، بنابراین مستقیماً در پروژه شما قرار می‌گیرد - پیش‌نمایش قابل ویرایش به شما امکان می‌دهد انتخاب‌های تایپوگرافی را بدون دست زدن به یک خط کد، نمونه‌سازی کنید - بررسی‌کننده کنتراست، دسترسی‌پذیری را به جای اینکه یک فکر ثانویه باشد، در روند کاری شما ادغام می‌کند - انتخاب‌گر رنگ و قطره‌چکان به این معنی است که می‌توانید رنگ‌های دقیق را از هر جای صفحه نمونه‌برداری و استفاده مجدد کنید - تم‌های روشن و تاریک به‌طور خودکار از سیستم‌عامل شما پیروی می‌کنند، بنابراین در هر زمان از شبانه‌روز حس آشنایی دارد - تغییر واحد بین px، rem، pt و em خروجی را با نحوه نوشته شدن کدبیس شما هماهنگ نگه می‌دارد 🎨 نگاهی دقیق‌تر به جزئیات تایپوگرافی چیزی فراتر از یک نام است. فونت‌لنز تصمیمات کوچکی را که باعث می‌شوند متن حس درستی داشته باشد، از وزن یک تیتر گرفته تا فضای تنفس در ارتفاع خط و فاصله ظریف بین حروف، آشکار می‌کند. دیدن این مقادیر در کنار هم به شما کمک می‌کند بفهمید چرا یک طراحی کار می‌کند و چگونه آن را بازسازی کنید. نشان ارائه‌دهنده نیز زمینه را مشخص می‌کند و در یک نگاه به شما می‌گوید که آیا به یک فایل از فونت‌های گوگل، یک فونت از ادوبی، یک فایل میزبانی‌شده شخصی یا یک فونت پیش‌فرض سیستمی نگاه می‌کنید، که اغلب اولین سرنخ هنگام تلاش برای تطبیق یا یافتن یک فونت است. ابزارهای رنگ فراتر از یک نمایش ثابت عمل می‌کنند. انتخاب‌گر رنگ یک مربع HSV با اسلایدرهای رنگ و شفافیت ارائه می‌دهد و از فرمت‌های HEX، RGB و HSL پشتیبانی می‌کند تا بتوانید با هر فرمتی که برایتان مناسب‌تر است کار کنید. این را با قطره‌چکان ترکیب کنید و می‌توانید سایه دقیق هر عنصری را برداشته و در پیش‌نمایش یا یادداشت‌های خود قرار دهید. 🚀 شروع به بررسی کنید فونت‌لنز را اضافه کنید، چند کلمه را هایلایت کرده و راست‌کلیک کنید تا تایپوگرافی، استایل‌ها و رنگ‌های پشت هر صفحه‌ای را آشکار کنید. این یک همراه سریع، خصوصی و واقعاً مفید برای هر کسی است که به نحوه خوانایی وب اهمیت می‌دهد. آن را نصب کنید، در دسترس نگه دارید و دیگر هرگز در مورد یک فونت ناشناخته سردرگم نشوید.