آموزش پیدا کردن اطلاعات CSS صفحات اینترنتی با Font Finder

دسته بندی: ابزار, توسعه دهنده ۱۷ دی ۱۳۹۵ 40 بازدید

آموزش پیدا کردن اطلاعات CSS صفحات اینترنتی با Font Finder

گاهی اوقات در حال وبگردی کردن، مشاهده می کنیم که در وب سایت ها، فونت ها و تایپوگرافی های جالبی بکار رفته است. هم اکنون در زبان فارسی بیش از ۱۰۰۰ نوع فونت وجود دارد. اما این موضوع بیشتر برای توسعه دهندگان و البته تایپوگرافیست ها مقوله ای جدی تر است. این افراد دوست دارند در مواجه با چنین چیزهایی، آن ها را از آن خود کنند تا بتوانند کیفیت کار و تجربه خود را بالا ببرند.

آی بلد امروز به معرفی افزونه ای می پردازد که به شما کمک می کند، اطلاعات css محتوای سایت را در یک لحظه دریافت کنید و بعد از آن از آن استفاده کنید. این افزونه فوق العاده کاربردی Font Finder نام دارد.

برای نصب Font Finder  روی مرورگر فایرفاکس کلیک کنید.

بعد از اینکه این سرویس را روی سیستم خود نصب کردید بدون نیاز به هیچ گونه ریستارتی، افزونه به مرورگر اضافه می شود. حالا شما می توانید توسط آن بخشی از متن را مد نظر قرار داده و ویژگی های CSS آن را دریافت کنید.

از جمله کارهایی که می توانید توسط  Font Finder  انجام دهید می توان به موارد زیر اشاره کرد:

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

روش استفاده از Font Finder

بعد از نصب، شما با دو روش می توانید اطلاعات فونت ها را بدست آورید.

روش اول: ابتدا متن مورد نظر را انتخاب کنید و بعد راست کلیک کنید.

روش دوم: می توانید روی کل صفحه راست کلیک کنید و بعد گزینه Inspect element را انتخاب کنید.

آموزش پیدا کردن اطلاعات CSS صفحات اینترنتی با Font Finder

بدین طریق می توانید با صحنه زیر روبرو شوید.

افرادی که کد نویسی می دانند، از صفحه زیر به خوبی سر در می آورند:

آموزش پیدا کردن اطلاعات CSS صفحات اینترنتی با Font Finder

از جمله اطلاعاتی که این افزونه به شما می دهد می توان به موارد تکمیلی زیر اشاره کرد:

  • تعیین رنگ فونت ها در قالب RGB و HEX
  • تعیین رنگ پس زمینه در قالب RGB و HEX
  • تعیین خانواده فونت مورد نظر
  • پیشنهادات اضافی برای فونت های مشابه و خانوادگی
  • ارائه اطلاعات طولی و عرضی، و اندازه های جانبی
  • وزن فونت، سبک آن و مواردی نظیر این ( مثل ایتالیک و بولد )
  • و موارد دیگر..

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

در صورتی که شما از کاربران گوگل کروم هستید هم می توانید از نمونه مشابه این افزونه برای مرورگر فایرفاکس استفاده کنید.

نظر خود را در مورد این ابزار کمکی به توسعه دهندگان با ما در میان بگذاید. آیا برای یافتن اطلاعات فونت ها شما تا کنون با ابزار کمکی دیگری کار کرده اید؟ تجربیات ارزشمند خود را با ما در میان بگذارید و برای اطلاع عموم این مطلب را روی شبکه های اجتماعی نشر دهید.

شاید مطالب زیر را هم بپسندید
اولین دیدگاه را شما بنویسید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

از آخرین مطالب سایت باخبر شوید. کانال تلگرام آی بلد
ما را در اینستاگرام دنبال کنید Follow
طراحی وب
%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتقالب وردپرس