آموزش پیدا کردن اطلاعات CSS صفحات اینترنتی با Font Finder
گاهی اوقات در حال وبگردی کردن، مشاهده می کنیم که در وب سایت ها، فونت ها و تایپوگرافی های جالبی بکار رفته است. هم اکنون در زبان فارسی بیش از ۱۰۰۰ نوع فونت وجود دارد. اما این موضوع بیشتر برای توسعه دهندگان و البته تایپوگرافیست ها مقوله ای جدی تر است. این افراد دوست دارند در مواجه با چنین چیزهایی، آن ها را از آن خود کنند تا بتوانند کیفیت کار و تجربه خود را بالا ببرند.
گویا آی تی امروز به معرفی افزونه ای می پردازد که به شما کمک می کند، اطلاعات css محتوای سایت را در یک لحظه دریافت کنید و بعد از آن از آن استفاده کنید. این افزونه فوق العاده کاربردی Font Finder نام دارد.
برای نصب Font Finder روی مرورگر فایرفاکس کلیک کنید.
بعد از اینکه این سرویس را روی سیستم خود نصب کردید بدون نیاز به هیچ گونه ریستارتی، افزونه به مرورگر اضافه می شود. حالا شما می توانید توسط آن بخشی از متن را مد نظر قرار داده و ویژگی های CSS آن را دریافت کنید.
از جمله کارهایی که می توانید توسط Font Finder انجام دهید می توان به موارد زیر اشاره کرد:
در درجه اول می توانید تمام فونت ها را به طور کامل تجزیه و تحلیل کنید و اطلاعات کاملی در مورد آن بدست بیاورید. همچنین می توانید اطلاعات دلخواهتان را در کلیپبرد ذخیره کنید و از آن استفاده کنید. علاوه بر اینکه Font Finder اطلاعاتی در مورد فونت به شما می دهد، به شما کمک می کند تا با اطلاعات اضافی در مورد رنگ، خانواده، ارتفاع و موارد اینچنینی، شناخت بهتری از فونت داشته باشید و به صورت دقیق تر از آن استفاده کنید.
روش استفاده از Font Finder
بعد از نصب، شما با دو روش می توانید اطلاعات فونت ها را بدست آورید.
روش اول: ابتدا متن مورد نظر را انتخاب کنید و بعد راست کلیک کنید.
روش دوم: می توانید روی کل صفحه راست کلیک کنید و بعد گزینه Inspect element را انتخاب کنید.
بدین طریق می توانید با صحنه زیر روبرو شوید.
افرادی که کد نویسی می دانند، از صفحه زیر به خوبی سر در می آورند:
از جمله اطلاعاتی که این افزونه به شما می دهد می توان به موارد تکمیلی زیر اشاره کرد:
تعیین رنگ فونت ها در قالب RGB و HEX
تعیین رنگ پس زمینه در قالب RGB و HEX
تعیین خانواده فونت مورد نظر
پیشنهادات اضافی برای فونت های مشابه و خانوادگی
ارائه اطلاعات طولی و عرضی، و اندازه های جانبی
وزن فونت، سبک آن و مواردی نظیر این ( مثل ایتالیک و بولد )
و موارد دیگر..
شما می توانید هم اکنون با باز کردن این مطلب و کلیک بر روی لینک نصب، مستقیما از سرور فایرفاکس این افزونه را روی مرورگر خود نصب کنید. در صورتی که سرعت سیستم فایرفاکس شما بعد از این کاهش یابد باید سری به بخش افزونه ها بزنید و افزونه های غیر ضروری را غیر فعال یا حذف کنید.
در صورتی که شما از کاربران گوگل کروم هستید هم می توانید از نمونه مشابه این افزونه برای مرورگر فایرفاکس استفاده کنید.
نظر خود را در مورد این ابزار کمکی به توسعه دهندگان با ما در میان بگذاید. آیا برای یافتن اطلاعات فونت ها شما تا کنون با ابزار کمکی دیگری کار کرده اید؟ تجربیات ارزشمند خود را با گویا آی تی در میان بگذارید و برای اطلاع عموم این مطلب را روی شبکه های اجتماعی نشر دهید.