یکی از دلایل مهم برای موفقیت یک سایت، ظاهر آن است. استفاده از ترکیب رنگ و تم مناسب باعث میشود مخاطب مدت زمان بیشتری در سایت بماند و البته در آینده هم بیشتر به آن سر بزند. در کنار رنگها و ساختار، فونت هم اهمیت بالایی دارد. در این مطلب تایپون میخواهیم نحوه تشخیص فونت سایت را با دو روش به شما آموزش دهیم.
شاید هنگام گشت و گذار در اینترنت، به سایتی برخورد کردهاید که فونت زیبا یا از نظر شما، جذابی دارد. در این زمان میخواهید از نوع فونت این سایت مطلع شوید. برای چنین کاری میتوانید به سراغ ابزار Inspect Element یا افزونههای مرورگر بروید تا در سریعترین زمان نوع فونت را متوجه شوید. برای اطلاع از نحوه تشخیص نوع فونت سایت یا صفحه وب با این دو روش، تا پایان با دیجیاتو همراه باشید.
تایپ ده انگشتی یک مهارت مادام العمر است. آموزش آنلاین تایپ ده انگشتی را با تایپون تجربه کنید.
تشخیص فونت سایت با ابزار اینسپکت المنت
در مرورگر ابزاری به نام Inspect Element وجود دارد که به شما امکان بررسی سورس کد وبسایتها را میدهد. شما میتوانید المانهای طراحی یک سایت را با نگاه کردن به HTML ،CSS و سایر اطلاعات متوجه شوید. این ابزار برای طراحی سایت خودتان هم کارایی دارد.
روند شناسایی فونت با استفاده از ابزار Inspect Element بسیار ساده است و نیازی به هیچ گونه دانش برنامهنویسی ندارد. این ابزار در تمام مرورگرها وجود دارد و از شکل یکسانی بهره میبرد.
برای تشخیص فونت سایت با استفاده از ابزار Inspect وبسایت موردنظرتان را باز کنید. متن مدنظرتان را هایلایت کرده و روی آن راست کلیک کنید. در منویی که باز میشود، روی گزینه Inspect کلیک کنید.

با باز شدن منوی Inspcet، روی بخش Computed کلیک کنید. به سمت پایین اسکرول کنید تا بخش Font-Family را پیدا کنید. در اینجا میتوانید نام فونت و استایل آن را پیدا کنید و البته ابعاد آن هم در این بخش وجود دارد.

میانبرهای ابزار Inspect
اگر به دنبال راه سریعتری برای تشخیص فونت یک سایت با استفاده از ابزار Inspect هستید، سایت موردنظرتان را باز کنید. روی ویندوز کلیدهای Ctrl + Shift + C و روی مک او اس کلیدهای Cmd + Shift + C را فشار دهید. نشانگر ماوس را روی متن نگه دارید تا استایل فونت، کد رنگ و حاشیه آن نشان داده شود.

شناسایی فونت سایت با افزونههای مرورگر
اگر به دنبال راه سادهتری برای شناسایی یک فونت هستید، میتوانید به سراغ نصب یک افزونه بروید. اگرچه افزونههای زیادی برای این کار توسعه پیدا کردهاند، اما دو مورد آنها محبوبیت بالایی دارند: WhatFont و Font Finder.
در ادامه میخواهیم نگاهی به نحوه شناسایی فونت با استفاده از این افزونهها داشته باشیم.
افزونه WhatFont
یکی از دلایل محبوبیت این افزونه، امکان شناسایی سریع چندین فونت به صورت همزمان است. زمانی که WhatFont در مرورگرتان فعال است، نشانگر ماوس را روی متن بگیرید تا فونت آن را نشان دهد.

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

نحوه تشخیص فونت از اسکرین شات
اگر به دنبال تشخیص یک فونت در عکس باشید، افزونههای مرورگر و همچنین ابزار Inspect برایتان کارایی ندارند. با این حال میتوانید به سراغ ابزارهای آنلاین مانند WhatFontis یا WhatTheFont بروید. در پست دیگری ابزارهای تشخیص فونت از روی عکس را به طور کامل توضیح داده ایم.
منبع: MakeUseOf
دیدگاهتان را بنویسید