جستجوی فونت بر اساس تصویر - بهترین خدمات آنلاین رایگان. بهترین روش ها برای تعیین فونت از روی تصویر آنلاین - دستورالعمل ها و خدمات دقیق

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

و اگر چه بهترین ها دشمن خوبی هاست، امروز از این هم فراتر خواهیم رفت. از این گذشته، چه کسی به کل وب سایت ها نیاز دارد وقتی افزونه های مرورگر وجود دارد؟

Fontface Ninja

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

در نمونه تک تک محصولات وب، ما این را در مینیمالیسم در مرز ریاضت، در تغییر تأکید از نتیجه به فرآیند، و البته در همدردی با لوازم خارجی می بینیم. ظاهراً یک جذابیت ویژه برای توسعه دهندگان، نماد ستیزه جویانه و مرموز سامورایی ها و مخالفان ناگفته آنها - نینجاها است.

پسوند شناسایی فونت Fontface Ninja برای Safari و Chrome با ایده یک مزدور مخفی و کارآمد مطابقت دارد. کار با آن به این صورت ساخته شده است: با کلیک بر روی دکمه افزونه، ماوس را روی فونت مورد علاقه نگه دارید - یک راهنمای ابزار حاوی اطلاعاتی در مورد نام، فاصله خطوط، اندازه آن است. اگر خوش شانس هستید، می توانید فونت را همانجا دانلود کنید.
عملکرد Mask ممکن است بسیار جالب باشد: به شما امکان می دهد محتوای گرافیکی صفحه را پنهان کنید و فقط بلوک های متنی را باقی بگذارید.

نمونه را تایپ کنید

یکی دیگر پسوند مفید، اما فقط برای کاربران کروم. بقیه می توانند به روش قدیمی - با استفاده از خدمات نشانک ها - به زیبایی ها بپیوندند.

اصل کار در این موردمشابه؛ شاید، فرصت اجرا شده برای "بازی با فونت ها" در زمان واقعی سزاوار توجه ویژه باشد. راهنمای ابزار با اطلاعات مربوط به نوع تایپ قرن گذشته است، زمانی که با کلیک بر روی بلوک متن انتخاب شده می توانید اندازه فونت را تغییر دهید، به پانگرام (انگلیسی) نگاه کنید، متن نمونه خود را وارد کنید و آزادی های دیگری را در نظر بگیرید.

پسوند برای کروم، و برای فایرفاکس، و برای Yandex.Browser. این همه چیزخواری با یک عملکرد بسیار ساده جبران می شود: دکمه را فشار دادم، حالت تشخیص فونت را روشن کردم، به سمت راست اشاره کردم و چیز جدیدی یاد گرفتم.

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

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

Typ.io- گزینه عالیبرای حداکثری هایی که حرکات غیر ضروری را نمی پذیرند. پس از نصب برنامه افزودنی، دکمه ای با حرف "T" در گوشه پایین مرورگر ظاهر می شود که با کلیک بر روی آن نام تمام فونت های شناسایی شده در صفحه در یک ستون جداگانه نمایش داده می شود. برای اینکه بفهمید یک فونت در کجا استفاده شده است، فقط روی نام آن کلیک کنید.

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

کد منبع صفحه

ساده ترین راه بررسی کد صفحه است. برای تکمیل این کار به دانش عمیق HTML و CSS نیاز نیست، فقط باید ویژگی ها را پیدا کنید. فونت-خانواده". در نظر بگیرید نمونه گوگلکروم:

صفحه ای را که از فونت دلخواه شما استفاده می کند باز کنید. روی متن کلیک راست کنید. انتخاب کنید " مشاهده کد».

یک کنسول با ابزارهای توسعه دهنده در سمت راست ظاهر می شود. مورد را پیدا کنید " فونت-خانواده».

در برخی از سایت ها، نام فونت فورا توجه را به خود جلب می کند، در صفحات دیگر باید کمی کد را مرور کنید. در هر صورت پاسخ این سوال که چگونه فونت سایت را بفهمیم پیدا شده است.

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

داده های جستجو شده در پنجره سمت راست نمایش داده می شود، ویژگی نیز نامیده می شود فونت-خانواده».

خدمات و برنامه های افزودنی

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

به fount.artequalswork.com بروید. وجود دارد دکمه بزرگ"Fount" باید گرفته شود و به نوار نشانک‌ها کشیده شود.

مهم! برای نمایش نوار نشانک ها در کروم، ترکیب را فشار دهید Ctrl+Shift+B.

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

در مرورگرهای موزیلا فایرفاکس، اپرا و سایر مرورگرها، Fount نیز بدون مشکل کار می کند. اگر این سرویس را دوست ندارید یا نمی خواهید از نوار نشانک ها استفاده کنید، از یکی از پسوندها برای تعیین فونت استفاده کنید.

Fontface Ninja برای سافاری و کروم.

Sample را برای کروم تایپ کنید.

WhatFont برای مرورگر کروم، فایرفاکس، یاندکس.

Typ.io برای کروم.

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

حالا بهت بد یاد میدم

فرض کنید یک عکس وجود دارد

و باید فونتی را که کتیبه با آن ساخته شده است پیدا کنید یا فونتی مشابه از نظر سبک و کاراکتر انتخاب کنید.

جستجوی تصویر

ما به موتورهای جستجو می رویم و سعی می کنیم با جستجوی تصویر منبع تصویر را پیدا کنیم.

https://www.google.ru/imghp?hl=ru

تصویر اصلی را از طریق فرم بارگذاری می کنیم یا با کشیدن و رها کردن آن را در صفحه جستجو می گذاریم.

گاهی اوقات Yandex بهتر از Google کار می کند.

https://yandex.ru/images/

بهره مندی از موتورهای جستجوبعد.

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

چه کسی می داند، این همان چیزی است که هست. شانس کم است، اما نه آنقدر کوچک که نادیده گرفته شود. به خصوص در شرایط ناامید کننده.

"چه نوع فونت" در MyFonts.som

ما به Myfonts به قسمتی می رویم که یک ربات آموزش دیده خاص در آن کار می کند.

http://www.myfonts.com/WhatTheFont/

ما یک عکس به ربات می دهیم، او به ما فونت می دهد. خوب یا هیچی

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

پس از دانلود، کاراکترهای شناسایی شده را با وارد کردن کاراکترهای صحیح در سلول های زیر تصاویر تصحیح کنید.

اگر یک حرف یا علامت (مثلاً علامت تعجب) در دو خانه افتاده است، یک عکس را روی دیگری بکشید و حرف را دوباره جمع کنید.

روی Continue کلیک کنید.

ربات سعی می کند فونت اصلی را بیابد و برچسب های مناسب را برای جستجوی خود پیشنهاد دهد.

جستجوی کلمه کلیدی در MyFonts.som

در قسمت جستجو، ما در یک کلمه یا عبارت به زبان انگلیسی رانندگی می کنیم که ابزار ترسیم، ماهیت فونت یا طبقه بندی آن را تعریف می کند.

تصویر ما به گونه ای ساخته شده است که گویی با یک قلم نمدی (قلم قلم مو) ساخته شده است. کلماتی مانند «خط» (خوشنویسی)، «با دست» (دست نوشته) و غیره نیز در اینجا مناسب هستند. در اینجا می توانید از برچسب های پیشنهادی ربات استفاده کنید.

می توانید عبارات را به صورت جداگانه جستجو کنید یا آنها را با هم ترکیب کنید و آنها را در یک جستجو ترکیب کنید.

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

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

گزینه های زیادی در Myfonts برای جایگزینی فونت اصلی وجود دارد.

بله، فونت های پولی در Mayfonts وجود دارد. اما اگر نیاز به ایجاد یک نوشته کوتاه از چندین کاراکتر برای آزمایش در پروژه خود دارید، خرید یک تایپ فیس کامل احمقانه است.
ما پیدا می کنیم گزینه مورد نظرو نمای نمونه را به حداکثر برسانید. در برخی موارد، همچنان می توانید در مرورگر زوم کنید.

اسکرین شات.

شطرنجی

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

در طرح، حالت ترکیب لایه ها را برای شی هوشمند تنظیم می کنیم، به عنوان مثال، تکثیر کردن.

برای اکثر موارد با زمینه سفید، این کافی است.

برای کسانی که این کافی نیست، می توانید آن را از صفحه حذف کنید رنگ سفید. محدوده رنگ ...، یک پیپت را در پس زمینه سفید قرار دهید

دریافت انتخاب بر اساس رنگ، انتخاب معکوس،

آن را چند بار با یک یا دو پیکسل صاف کنید تا مرز کانتور آنقدر پاره نشود.

و تمام سفیدی را زیر ماسک پنهان کنید

در سند اصلی، شما از قبل هر کاری که دلتان می‌خواهد با شی هوشمند انجام می‌دهید، تقریباً مانند یک شکل برداری.

همانطور که Smart Object کوچک می شود، ناهمواری طرح کلی کمتر قابل توجه خواهد بود. بنابراین بهتر است با حاشیه صفحه نمایش داده شود و سپس به اندازه دلخواه کاهش یابد.

بردار

اگر به وکتور نیاز دارید، ما ردیابی را در ایلاستریتور انجام می دهیم.

باز کردن اسکرین شات از یک فایل PNG:

روی پنل ردیابی تصویرقرار دادن حالت: سیاه و سفید،تیک بزنید پیش نمایشو با دقتپیچ - پیچیدن آستانهو تنظیمات در پیشرفته:

پس از دریافت نتیجه قابل قبول، کتیبه هایی می سازیم بسط دادن

و برای همه موارد وکتور بگیرید:

فونت های رایگان

این امکان وجود دارد که فونت مورد نظر -  یک داستان تجاری نباشد و برای سرگرمی ساخته شده باشد یا برای فروش نباشد. پس هیچ فایده ای برای جستجوی آن در فروشگاه های رسمی وجود ندارد.

پشت فونت های رایگانبه Vkontakte بروید، به گروه "

اغلب، در خدمات مختلف پرسش و پاسخ، مردم همین سوال را می پرسند: نحوه تعیین فونت در تصویر».

برای کسانی که با گرافیک یا طراحی وب مرتبط نیستند، درک اینکه چرا این امر ضروری است دشوار است)) کسانی که "مطلع هستند" به خوبی می دانند که تعیین نوع فونت در هر تصویر یا لوگو و انتخاب کردن چقدر دشوار است. به طوری که متن تقریباً شبیه متن اصلی است.

WhatTheFont یک سرویس آنلاین رایگان است که به شما کمک می کند فونت را از یک تصویر شناسایی کنید. برای اینکه نتیجه تعیین تا حد امکان دقیق باشد، رعایت شرایط زیر مطلوب است:

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

برای تعیین فونت از روی تصویر، باید همین عکس را در سرویس آپلود کنید یا آدرس آن را در اینترنت مشخص کنید. هر دوی این اقدامات بر روی انجام می شود صفحه نخست WhatTheFont.

به عنوان مثال، اجازه دهید فونت را تعریف کنیددر لوگوی سایت من MuzRelax.ru. من می دانم چه فونتی در آنجا استفاده می شود، اما بیایید ببینیم آیا سرویس WhatTheFont می تواند آن را به درستی شناسایی کند یا خیر.

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

همانطور که می بینید، پس زمینه فونت حتی متضاد نیست، اگرچه این نیز یک شرط مطلوب است (سیاه روی سفید یا سفید روی سیاه).

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

در مرحله نهایی، این سرویس لیستی از فونت هایی را که شبیه فونتی است که در تصویر است منتشر می کند. در مورد من 4 گزینه ارائه شد که اولین آنها (گرجستان) نوع فونتی است که من در لوگوی وب سایت MuzRelax.ru استفاده کردم. نتیجه عالی!

متأسفانه WhatTheFont چندین اشکال دارد:

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

WhatTheFont در میان خدمات آنلاین مشابه پیشرو است جامعه خوب، که در آن می توانید برای تعیین فونت کمک بخواهید، کاملا رایگان است و بسیار سریع کار می کند. من قطعا توصیه می کنم!

P.S. فراموش نکنید که این مقاله را نشانه گذاری کنید و آن را به دوستان خود توصیه کنید).

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

پس بیایید یک آزمایش انجام دهیم. برای انجام این کار، با استفاده از فونت انتخاب شده، تستی در فتوشاپ نوشتم و در آن مشخص خواهد شد خدمات مختلفاز چه فونتی استفاده کردم بنابراین، من تعیین خواهم کرد که کدام سرویس بهترین است.

می توانید از طریق خدمات با من بروید و از تصویر من برای آزمایش استفاده کنید. ممکن است به نتایج متفاوتی برسید.

این کتیبه است:

اولین سرویسی که با آن فونت را تعیین می کنیم -

1. WhatFont is, آدرس - http://www.whatfontis.com/
   
   
   
   
   بر روی دکمه "مرور" کلیک کنید تا عکسی با متن انتخاب کنید. در مرحله بعد، شما باید یک مورد را انتخاب کنید و داچ کنید:
   
   
   
2. چه فونت، آدرس http://www.myfonts.com/WhatTheFont/
   xdf
   
   
   
   
   در اینجا شما همچنین باید یک عکس با متن را در سرویس آپلود کنید یا یک پیوند مستقیم به تصویر درج کنید. نمودار نشان می دهد که تصویر برای چه چیزی باید باشد عملکرد صحیحسرویس. حروف و نمادها باید خوانا باشند، نباید ادغام شوند، اندازه فونت باید حداقل 100 پیکسل باشد و متن باید به صورت افقی تراز شود.
   
   پس از انتخاب یک عکس با متن، روی "ادامه" کلیک کنید. خوب است که این سرویس تا حدی خود شخصیت ها را شناسایی می کند و فقط موارد مشکوک را باید به صورت دستی وارد کنید.
   
   
   
   
   یک f اضافه کردم، S را به i تصحیح کردم و یک نقطه به فضای خالی اضافه کردم. دوباره "ادامه"
   
   و این سرویس در حدس زدن درست فونت بسیار عالی عمل کرد. تنها ایراد سایت چه فونتاین تعداد فونت کمتری در مقایسه باWhatFontIs.
   
   رتبه بندی خدمات- 5 امتیاز
3. اینها خدماتی بودند که فونت را از روی عکس تعیین می کردند. با این حال، سایت‌هایی وجود دارند که جستجوی فونت بر اساس عناصر متمایز در آنها کار می‌کند.
   شناسهآدرس http://www.identifont.com/index.html
   
   
   
   
   اگر دقیقاً می دانید که فونت چگونه است، اگر حروف نمونه دارید، می توانید یک آزمایش کوچک روی آن انجام دهید. ظاهرفونت و نام آن را پیدا کنید.
   
   نمونه سوالاتی که باید پاسخ دهید:
   • آیا فونت سریف دارد؟
   • name: فقط نام فونت یا بخشی از آن را وارد کنید،
   • فونت های مشابه - نام فونت های مشابه را که به دنبال آن هستید وارد کنید،
   • طراح فونت اگر طراح یا ناشر فونت مشخص است، می توانید آن را در جستجو قرار دهید.
     
     
     توجه: این سرویس به زبان انگلیسی است، اما حتی اگر زبان را نمی دانید، درک آن آسان است، زیرا سؤالات توسط نقاشی هایی با نمادها پشتیبانی می شوند.
     
     من نتوانستم پیدا کنم فونت مورد نظر. قبولی در آزمون.
4. افزونه Font Finder Firefox- افزونه ای برای فایرفاکس که تعیین می کند کدام فونت در سایت استفاده می شود. فقط یک کلمه را در سایت هایلایت کنید و افزونه فونت و سبک css.
   پیوند افزونه https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. کار چاپ Bowfin- http://www.bowfinprintworks.com/SerifGuide/serifsearch.php
   
   سرویسی که بر اساس ایده شما از ظاهر یک فونت است، باید یک تجزیه و تحلیل دقیق از حروف و عناصر آنها انجام دهید.
   
   
   
   
   با استفاده از این سرویسهمچنین نتوانست فونت را تعیین کند.

امیدوارم اکنون پیدا کردن فونت مورد نظر، فهمیدن نام آن برای شما مشکلی ایجاد نکند.