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

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

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

تایپ ده انگشتی یک مهارت مادام العمر است. آموزش آنلاین تایپ ده انگشتی را با تایپون تجربه کنید.

تشخیص فونت سایت با ابزار اینسپکت المنت

در مرورگر ابزاری به نام Inspect Element وجود دارد که به شما امکان بررسی سورس کد وب‌سایت‌ها را می‌دهد. شما می‌توانید المان‌های طراحی یک سایت را با نگاه کردن به HTML ،CSS و سایر اطلاعات متوجه شوید. این ابزار برای طراحی سایت خودتان هم کارایی دارد.

روند شناسایی فونت با استفاده از ابزار Inspect Element بسیار ساده است و نیازی به هیچ گونه دانش برنامه‌نویسی ندارد. این ابزار در تمام مرورگرها وجود دارد و از شکل یکسانی بهره می‌برد.

برای تشخیص فونت سایت با استفاده از ابزار Inspect وب‌سایت موردنظرتان را باز کنید. متن مدنظرتان را هایلایت کرده و روی آن راست کلیک کنید. در منویی که باز می‌شود، روی گزینه Inspect کلیک کنید.

تشخیص فونت سایت با inspect element

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

تشخیص فونت سایت

میانبرهای ابزار Inspect

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

شناسایی فونت سایت

شناسایی فونت سایت با افزونه‌های مرورگر

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

در ادامه می‌خواهیم نگاهی به نحوه شناسایی فونت با استفاده از این افزونه‌ها داشته باشیم.

افزونه WhatFont

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

افزونه what font

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

افزونه Font Finder

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

افزونه font finder

نحوه تشخیص فونت از اسکرین شات

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

منبع: MakeUseOf

یک یادآوری مهم

تایپ ده‌انگشتی مهارتی است که همه به آن نیاز داریم. آن را با آسان‌ترین و بهترین روش بیاموزید. امتحانش بی‌ضرر است!

همین الان یادگیری تایپ ده‌انگشتی را شروع کنید!

برای شروعِ رایگانِ تمرینِ تایپ ده‌انگشتی، در کامپیوتر یا لپتاپ خود سایت تایپون (typoon.ir) را باز کنید و درس اول را امتحان کنید.

دیدگاهتان را بنویسید

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