راهنمای شناسایی فونت در وبسایت و عکس
برای همه ما پیش آمده است: در حال وبگردی هستیم یا یک پوستر تبلیغاتی جذاب میبینیم و ناگهان مجذوب فونت آن میشویم. با خودمان میگوییم: چه فونت فوقالعادهای! کاش اسمش را میدانستم اما پیدا کردن نام یک فونت، اگر ندانید کجا دنبالش بگردید، میتواند مثل پیدا کردن سوزن در انبار کاه باشد. خوشبختانه، ابزارهای دیجیتالی قدرتمندی وجود دارند که شناسایی فونت را برای ما آسان کردهاند.
در این راهنما، ما دو سناریوی اصلی را بررسی میکنیم:
- 1-شناسایی فونتهایی که به صورت متن زنده در وبسایتها هستند.
- 2-شناسایی فونتهایی که داخل یک عکس یا تصویر (مثل فایل JPG یا PNG) قرار دارند.
شناسایی فونت در وبسایتها
وقتی متنی را در یک سایت میبینید که میتوانید آن را با ماوس انتخاب و کپی کنید، یعنی با متن زنده طرف هستید. پیدا کردن فونت این متنها بسیار آسان و ۱۰۰٪ دقیق است، زیرا اطلاعات آن در کدهای سایت موجود است.
روش ۱: استفاده از افزونههای مرورگر (سادهترین راه)
اگر از مرورگر کروم، فایرفاکس یا اج استفاده میکنید، بهترین و سریعترین راه، نصب یک افزونه (Extension) کوچک است.
بهترین افزونه پیشنهادی: WhatFont
-در گوگل عبارت WhatFont extension را جستجو کنید و آن را نصب کنید.
-بعد از نصب، یک آیکون کوچک (?f) در نوار بالای مرورگرتان ظاهر میشود.
-وقتی در سایتی هستید و میخواهید فونتی را بشناسید، روی آیکون WhatFont کلیک کنید تا فعال شود.
-حالا کافی است ماوس خود را روی هر متنی ببرید. نام فونت بلافاصله بالای آن ظاهر میشود.
-اگر روی متن کلیک کنید، جزئیات بیشتری مثل سایز، رنگ و ضخامت فونت را هم خواهید دید.
روش ۲: استفاده از ابزار Inspect Element (بدون نیاز به نصب چیزی)
اگر نمیخواهید افزونه نصب کنید یا روی کامپیوتر خودتان نیستید، میتوانید مثل یک حرفهای عمل کنید!
-در صفحه وبسایت، روی متنی که فونتش را میخواهید، کلیک راست کنید و گزینه Inspect یا Inspect Element را انتخاب کنید.
-یک پنجره پر از کد در پایین یا کنار مرورگر باز میشود. در این پنجره، کدی که مربوط به آن متن است، هایلایت شده است. حالا به تب Styles یا Computed در همان پنجره کدها نگاه کنید.
-دنبال عبارتی به نام font-family بگردید. نامی که جلوی آن نوشته شده، نام همان فونت است.
شناسایی فونت از روی عکس
وقتی فونت بخشی از یک عکس است (مثل یک لوگو، پوستر یا بنر اینستاگرام)، دیگر کدی وجود ندارد که بررسی کنیم. در اینجا باید از هوش مصنوعی کمک بگیریم. این ابزارها عکس را آنالیز کرده و سعی میکنند شبیهترین فونت را از دیتابیس عظیم خود پیدا کنند.
توجه: ممکن است ابزارهای معرفیشده برای شناسایی فونت از روی تصویر، پشتیبانی کاملی از زبان فارسی نداشته باشند.
ابزار شماره ۱: MyFonts WhatTheFont
سایت WhatTheFont قدرتمندترین موتور جستجوی فونت از روی تصویر است.
مراحل کار:
-تهیه تصویر مناسب: بهترین نتیجه زمانی حاصل میشود که تصویر شما با کیفیت باشد، متن صاف (افقی) باشد، و تضاد رنگی خوبی بین متن و پسزمینه وجود داشته باشد (مثلاً متن سیاه روی زمینه سفید). اگر عکس شلوغ است، حتماً قبل از آپلود، قسمت متن را Crop کنید.
-به وبسایت MyFonts WhatTheFont بروید و عکس خود را در کادر مشخص شده بکشید و رها کنید (Drag & Drop) یا آپلود کنید.
-سایت سعی میکند حروف را تشخیص دهد. ممکن است از شما بخواهد که تایید کنید کادرهای دور حروف درست هستند.
-روی دکمه جستجو کلیک کنید. سایت لیستی از فونتهای مشابه را به شما نشان میدهد. معمولاً یکی دو نتیجه اول، همان فونت مورد نظر شما یا بسیار شبیه به آن هستند.
ابزار شماره ۲: Font Squirrel Matcherator
این هم یک ابزار آنلاین عالی دیگر است که گاهی اوقات نتایج متفاوتی نسبت به WhatTheFont میدهد و کاملاً رایگان است.
-به سایت Font Squirrel Matcherator بروید و عکس خود را آپلود کنید.
-اگر لازم است، با ابزار Crop سایت، فقط دور متن مورد نظر را خط بکشید.
-دکمه Matcherate It را بزنید و نتایج را ببینید.
وقتی هیچکدام جواب نداد
گاهی اوقات فونت خیلی خاص، دستنویس، یا قدیمی است و ابزارهای هوش مصنوعی نمیتوانند آن را تشخیص دهند. در این موارد، بهترین راه کمک گرفتن از جامعه طراحان است.
انجمنهای ردیت (Reddit): سابردیت r/identifythisfont مکانی عالی است که میتوانید عکس فونت را آپلود کنید تا کاربران حرفهای از سراسر دنیا به شما کمک کنند.
گروههای طراحی: در گروههای تلگرامی یا فرومهای تخصصی گرافیک، عکس را ارسال کنید. معمولاً طراحان با تجربه با یک نگاه فونتهای معروف را میشناسند.
دفعه بعد که فونت زیبایی دیدید، دیگر حسرت نخواهید خورد. اگر در وبسایت است، با افزونه WhatFont در یک ثانیه نامش را پیدا کنید، و اگر در یک عکس است، کار را به هوش مصنوعی WhatTheFont بسپارید. شکار فونت خوبی داشته باشید!
سایر مطالب مرتبط:چرا حروف کیبورد به ترتیب QWERTY چیده شدهاند؟
مقایسه کدکهای H.264، H.265 و AV1 به زبان ساده
تفاوت IP67 با IP68 به زبان ساده: راهنمای استانداردهای ضدآب موبایل
