Як визначити шрифт?

13.09.2015

Як визначити шрифт?

Визначити шрифт і знайти його серед тисяч схожих — одна з найскладніших завдань в дизайні, на сьогоднішній день функціонують кілька сервісів за визначенням шрифтів і деякі з них досягли непоганих результатів у цій справі.

MyFonts — визначаємо шрифт по зображенню.

Перший і самий примітний з них сервіс від MyFonts, який дозволяє визначити шрифт по зображенню. Для його використання Вам знадобиться файл зображення (PNG,JPG, TIFF і т. п.), c шуканим Вами шрифтом. Ось деякі поради по підготовці даного файлу:

  • слід роз’єднати літери, якщо вони торкаються один одного;
  • якщо зображення кольорове, переведіть його у відтінки сірого;
  • залиште одну горизонтальну лінію з 50 символами або менше;
  • постарайтеся використовувати зображення з висотою літер від 100 пікселів;

Підготовка зображення

Для нашої мети ми вибрали логотип сервісу Flickr, а для його обробки будемо використовувати Pixlr (робота з редактором графіки онлайн). Обробка легка і Ви впораєтеся за кілька кроків:

1. Зберігаємо логотип flickr на ПК або копіюємо посилання на нього.

2. Відкриваємо його в онлайн редакторі

3. Обесцвечиваем малюнок (отримуємо відтінки сірого) за допомогою команди Desaturate, як показано на скріншоті нижче:

4. Обрізаємо зайві символи з допомогою інструменту «Crop» — Як визначити шрифт?

5. Якщо логотип маленький, можна трохи збільшити його в пункті Image-Image Size. Зберігайте пропорції і не збільшуйте занадто сильно 30-50 відсотків максимум.

6. Щоб додати різкості використовуйте фільтр у пункті «Filter-Unsharp mask…» і збільшити контраст у пункті «Adjustments — Brightness&Contrast». Зазвичай Яскравість («Brightness») зменшують, а збільшують контраст.

З допомогою цих нескладних маніпуляцій отримуємо наш новий ісходник для визначення шрифту:

Звичайно, як ми втратили, але для роботи підійде краще.

Робота з сервісом What the font

Для роботи з сервісом потрібно завантажити наше зображення і натиснути кнопку «Continue» (далі). Можна просто вказати посилання на зображення логотипу, але результат може виявитися неточним. Дивимося приклад нижче:

На наступному етапі необхідно заповнити літери, які не визначилися або не визначилися невірно і натиснути «Далі»:

Після деякого часу ми отримаємо результати пошуку і зможемо вибрати на око найбільш підходящий шрифт зі списку. У нашому випадку це — Frutiger 75 Black чи Les Tres N2.

Недоліки сервісу:

  • Не всі шрифти можна знайти по зображенню.
  • не Можна визначити кириличний шрифт.

Визначення шрифту за зовнішніми ознаками

Природно визначення шрифту зображення не панацея і доводиться використовувати альтернативні способи, один з яких — визначення шрифту за зовнішнім особливостям. Такий сервіс надають відразу кілька ресурсів. Ми опишемо принцип роботи з одним з них, і Ви, за аналогією, зможете використовувати всі інші.

Визначаємо шрифт з Identyfont

Сервіс має майже 8000 шрифтів і надає зручний інструмент по їх фільтрації. Для розпізнавання шрифту використовуються основні ознаки, починаючи з зарубок (Times New Roman) і закінчуючи особливостями написання літер. Процес фільтрації за засечкам показано на малюнку нижче:

Вибір здійснюється натисканням на іконку. Далі необхідно вказати розташування хвостика букви «Q», закрита або відкрита заголовна «P», як виглядає знака долара і т. д. Загальна кількість кроків — 8.

Результати відображаються ліворуч, а найбільш схожий шрифт, по центру:

Пошук шрифту на Fonts

Наступний просунутий пошук шрифтів з зовнішнім атрибутам — це сервіс від Fonts.com. Принцип роботи цього пошуку такої ж, як і в трьох попередніх — покроковий вибір ознак шрифту. На відміну від інших — ресурс дуже розвинений і містить в базі понад 160 000 шрифтів. Ідентифікація шрифту проходить в 12 кроків.

Всі описані сервіси дійсні для латинських шрифтів і не працюють (некоректно) з кирилицею.

Що робити якщо шрифт розпізнати не вдалося ніде?

Так буває, що жоден сервіс Вам допомогти не в силах, і Ви не можете розпізнати шрифт. У такому випадку необхідно звернутися до професіоналів, найчастіше вони охоче допомагають. Обговорення та пошук шрифтів відбуваються на форумах дизайнерів, ми зібрали список деяких з них:

Як визначити шрифт на сайті?

У багатьох випадках достатньо виділити фрагмент тексту і переглянути його код — натискаємо праву клавішу миші і шукаємо пункт «Переглянути код елемента». Показуємо на прикладі Google Chrome і сайту Google:

Треба виділити в коді зацікавив нас елемент і подивитися його властивості праворуч. Нас цікавить пункт font-family, його значення і є шуканим колекцією шрифтів. У поточному разі — це Arial, Serif. Також шрифт може бути вказаний для всіх елементів в тег як параметр «font».

Зазвичай вебмастер вказує кілька шрифтів для сумісності у всіх браузерах, але за замовчуванням застосовується перший їх списку.

Деякі майстри ховають шрифт в спеціальний скрипт — Cufon, в такому випадку необхідно використовувати перегляд скриптів сайту. Робиться це так:

  • Відкриваємо перегляд коду елемента
  • Перевіряємо, чи Cufon (в пошуку вводимо слово і дивимося його наявність в коді)
  • Переходимо на перегляд ресурсів (кнопка Resources — вкладка Frames — пункт Scripts)
  • У списку скриптів шукаємо той, текст якого коду починається зі слів Cufon.registerFont

Як виглядає цей процес, показано на скріншоті нижче:

Визначення кириличних шрифтів

На жаль ні одного подібного сервісу для визначення кириличних шрифтів немає. Вам доведеться самим переглядати сотні і тисячі шрифтів в російськомовних шрифтових базах. Наступні поради трохи полегшать Вам життя:

Вибирайте базу шрифтів з поділом на шрифти із засічками і без них;

Якщо це шрифт бренду використовуйте пошук Яндекса або Google з запитами типу «назва бренду шрифт» або «brand font» (іноді закордоном також шукають цей шрифт і буває знаходять), в деяких випадках дизайн-агенції вказують використовуваний шрифт в портфоліо;

Пробуйте реверсивний пошук зображень TinEye або Google. можливо знайдеться схожі зображення брендів або текстів з даними шрифтом;

Нарешті запитайте на форумах дизайнерів, але можуть послати шукати в Google Як визначити шрифт?

Нижче Ви знайдете список рекомендованих каталогів російських шрифтів, які допоможуть Вам у нелегкій справі:

Удачі Вам. Доповнення, думки і поправки вітаються.

Короткий опис статті: пошук шрифту по картинці Огляд п’яти найбільш значущих сервісів для визначення шрифтів онлайн, а також способи визначення шрифтів вебсайтів Cufon і по стилю CSS. допоможіть визначити шрифт,як розпізнати шрифт,визначити шрифт,знайти шрифт,визначити шрифт по зображенню,як знайти шрифт cufon,дізнатися шрифт за css,Designova,шрифт-,шрифтів,онлайн сервіси,інтернет сервіси,про інтернет,безкоштовні сервіси,халява в інтернет,фото сервіси

Джерело: Як визначити шрифт?

Також ви можете прочитати