انتخابگر فونت

تشخیص فونت یک بازرسی سریع و بصری برای رنگ‌ها، فاصله‌ها و کنتراست است. این ابزار بر روی هر سایتی کار می‌کند، در یک پنل فشرده باز می‌شود و اندازه‌ای ایمن را به خاطر می‌سپارد. شما می‌توانید انتخابگر فونت را با کلیک بر روی علامت ضربدر در پنجره یا با کلیک بر روی آیکون ببندید.

🔥 نکات کلیدی

⭐ پیش‌تنظیمات کپی CSS تمیز: همه، پیدا کننده فونت، تایپوگرافی، رنگ‌ها.
⭐️ بازرسی زنده در صفحه با هاور و کلیک بر روی هر عنصر.
⭐️ نشان‌های وب/محلی اپلیکیشن انتخابگر فونت کروم.
⭐️ عناصر ذخیره شده برای ارجاعات و اجزای تایپوگرافی.

📌 نحوه کار

با هاور یا کلیک بر روی یک عنصر آن را قفل کنید؛ پنل انتخاب‌گر و کپی CSS را نشان می‌دهد. حالت پیشرفته در پیدا کننده فونت به شما می‌گوید که آیا دسترسی مسدود شده است. شما باید هر بار که انتخابگر فونت را راه‌اندازی می‌کنید، دانلود کنید، اما نیازی به اعطای مجوز دوباره به مرورگر در انتخابگر فونت از همان وب‌سایت نیست.

⚡️ اقدامات کلیدی

1. هاور برای پیش‌نمایش.
2. کلیک برای قفل انتخاب.
3. کپی CSS تمیز.
4. تغییر انتخابگر فونت.
5. ذخیره هر عنصر.
6. تغییر تایپوگرافی.

🪐 نمایش و پنجره

بخش‌های تایپوگرافی، رنگ و فاصله را برای حفظ حداقل UI نشان دهید یا پنهان کنید. پنجره انتخابگر فونت کروم به صفحه شما چسبیده و در تب عنصر شروع می‌شود و به صورت کوچک باز نمی‌شود.

📚 پیش‌تنظیمات کپی

- تمام داده‌های CSS برای یک بلوک سبک کامل.
- تایپوگرافی برای مجموعه‌های متنی آماده برای طراحی.
- رنگ‌ها برای پالت با افزونه‌های فونت.

🧩 جزئیات تایپوگرافی

خانواده و استک، وزن با نام‌های قابل خواندن، اندازه، ارتفاع خط، فاصله حروف/کلمات، سبک، نوع، به علاوه دکمه‌های کپی وزن سریع. افزونه پیدا کننده فونت کروم به گونه‌ای گروه‌بندی شده است که شما ضروریات را بدون شلوغی ببینید.

🎯 مزایای اضافی

1️⃣ بارگذاری سریع اطلاعات محلی مبتنی بر دامنه در یک دامنه مجاز.
2️⃣ انتخابگر اندازه فونت با مرزهای ایمن برای تغییر اندازه در خارج از صفحه.
3️⃣ جلوگیری از تکرار اقلام ذخیره شده برای حفظ تمیزی.

💡 چه کسی بهره‌مند می‌شود

توسعه‌دهندگان ممکن است فونت را در وب‌سایت پیدا کنند، با توجه به تأیید داده‌های رندر شده و فاصله‌ها؛ طراحان UI/UX در حال بررسی تایپوگرافی، رنگ‌ها و کنتراست؛ تیم‌های QA/دسترس‌پذیری که به سرعت سطوح WCAG را بررسی می‌کنند. همچنین پیدا کننده جلو برای تیم‌ها که داده‌ها را برای سیستم‌های طراحی منسجم به اشتراک می‌گذارند.

🚀 مزایای سریع

➤ داده‌های CSS تمیز.
➤ بازرسی سریع.
➤ یک استخراج‌کننده فونت.
➤ آماده کنتراست.
➤ مرجع وب ذخیره شده.
➤ پنل فشرده.

🧶 حالت توقف

انتخاب را به طور موقت متوقف کنید تا بتوانید به راحتی با صفحه تعامل داشته باشید و ابزار انتخابگر فونت وب کار نکند. وقتی نیاز به اسکرول، کلیک یا فعال‌سازی حالت‌های UI دارید، آن را فشار دهید بدون اینکه مکان خود را از دست بدهید—سپس با یک مرحله بازرسی را از سر بگیرید و می‌توانید فونت را در وب‌سایت شناسایی کنید.

🧷 محتوای اقلام دریافتی

• URL به وب‌سایت.
• مهر زمان نام میزبان.
• یک انتخابگر سبک فونت.
• اندازه و وزن.
• سبک + ارتفاع خط.

🌟 ذخیره بازخورد

زمانی که در انتخابگر فونت برای وب‌سایت کاری انجام می‌دهید، پنل نشانه‌های بصری واضحی را نشان می‌دهد: یک علامت تأیید به‌روزرسانی شمارنده ذخیره شده، اقدامات کپی یک پیام کپی شده کوتاه را بر روی آیکون فعال می‌کند و وضعیت‌های دسترسی انتخابگر فونت که دسترسی رد شده‌اند، یک هشدار را نشان می‌دهند تا بدانید دقیقاً چه چیزی را باید قبل از ادامه اصلاح کنید.

🧠 سوالات متداول

س: آیا نیاز به باز بودن DevTools دارم؟
ج: خیر، همه چیز در پنل شناور است.

س: آیا صفحه من را کند می‌کند؟
ج: افزونه انتخابگر فونت کروم به خوبی بهینه‌سازی شده است.

س: آیا در همه جا کار می‌کند؟
ج: بله. حالت پیشرفته نیاز به HTTPS برای دانلود داده‌های محلی دارد.

🔎 توقف در مقابل فعال

زمانی که بازرسی فعال است، پیدا کننده فونت از وب‌سایت نشانگر شما را برای هایلایت کردن عناصر می‌گیرد، بنابراین کلیک‌ها و هاورهای صفحه قطع می‌شوند. حالت توقف را روشن کنید و افزونه "کنار می‌رود": می‌توانید دکمه‌ها را کلیک کنید و به طور عادی با صفحه تعامل داشته باشید. آماده‌اید دوباره از انتخابگر خانواده فونت استفاده کنید؟ حالت توقف را خاموش کنید و ادامه دهید.

🧰 کنترل‌های پنجره

◆ برای جابجایی پنل بکشید.
◆ لبه‌ها را برای تناسب با نمای خود تغییر اندازه دهید.
◆ یک انتخابگر فونت اندازه را به خاطر می‌سپارد.
◆ به صفحه فعلی شما چسبیده است.
◆ برای یک نمای بزرگ ایمن حداکثر کنید.

📝 مقایسه با ابزارهای دیگر

برخلاف افزونه What Font که عمدتاً نام خانواده اعلام شده را گزارش می‌دهد، ابزار ما منبع واقعی رندر شده را فاش می‌کند، پیش‌تنظیمات کپی CSS تمیز را با یک کلیک ارائه می‌دهد و عکس‌های کامل عناصر را ذخیره می‌کند. متفاوت از افزونه whatfont، شما همچنین می‌توانید پیش‌تنظیمات محلی را برای دقت بارگذاری کنید و یک لیست نگه دارید.

☘️ شروع به کار

1️⃣ استفاده از دانلود انتخابگر فونت وب‌سایت را آغاز کنید، بر روی آیکون کلیک کنید، هاور یا کلیک بر روی یک عنصر.
2️⃣ اطلاعات موجود در پنجره را با پنهان کردن بخش‌هایی که اکنون به آن‌ها نیاز ندارید، کاوش کنید.
3️⃣ حالت توقف را تنظیم کنید زمانی که نیاز به تغییر چیزی دارید بدون اینکه از افزونه مسدود شوید.

❤️ کلمات پایانی

ما واقعاً سعی کردیم یک افزونه انتخابگر عالی بسازیم و همیشه به بازخورد شما برای بهبودهای بیشتر گوش می‌دهیم. نصب کنید و از استفاده راحت لذت ببرید.