Какой шрифт используется на сайте Алиэкспресс

5 способов распознать шрифт с картинки

Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.

Каждый дизайнер хоть раз сталкивался с необходимостью распознать незнакомый шрифт. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов, которые могут помочь ?

WhatTheFont

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

  • текст расположен чётко горизонтально;
  • высота букв не меньше 100 пикселей;
  • буквы не касаются друг друга;
  • общее количество символов — не больше 50.

Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.

ЛУЧШИЕ БЕСПЛАТНЫЕ ШРИФТЫ 2021! // Подборка Шрифтов Для Графического Дизайна (C КИРИЛЛИЦЕЙ) 🔥

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

В итоге программа сразу определила шрифт правильно. Если результаты далеки от нужного, стоит обратить внимание на теги справа — они помогут найти похожий вариант.

What Font is

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.

Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.

FontDetect

Программа для Windows, которая ищет подходящие варианты среди имеющихся на компьютере шрифтов, из-за этого выбор может быть сильно ограничен. Умеет распознавать кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

5 способов распознать шрифт с картинки

Екатерина Малахова

5 способов распознать шрифт с картинки

курс

UX-писатель

Узнать больше

Всё про Лицензии Шрифтов! Как избежать громадных штрафов за шрифты?

  • Научитесь создавать тексты для интерфейса — с заботой о пользователе и выгодой для бизнеса
  • После обучения у вас в портфолио будет проект, проверенный практикующими UX-писателями

Identifont

Для поиска шрифта на Identifont загружать картинку не понадобится: сайт предлагает найти подходящие варианты с помощью перебора их характерных признаков. Чтобы получить результат, нужно ответить на ряд вопросов.

5 способов распознать шрифт с картинки

Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.

Профильные сообщества в сети

Если ни один из предложенных вариантов не помог распознать шрифт, всегда можно спросить совета у других дизайнеров. Для этого пригодятся форумы и сообщества, посвященные типографике:

  • Type
  • форум MyFonts;
  • TypeID на Flickr;
  • Typophile.

Главное для распознавания шрифта — качество картинки

Какой бы способ вы ни выбрали, важнее всего по возможности позаботиться о качестве картинки для распознавания. Размер и разрешение должны быть достаточными, чтобы можно было различить характерные особенности шрифта. Стоит дополнительно свериться с требованиями к изображению и отредактировать его, если нужно.

Читать также

5 способов распознать шрифт с картинки

UX-копирайтинг: как максимально эффективно работать с микротекстами

5 способов распознать шрифт с картинки

Лучшие книги для графических дизайнеров: подборка редакции Нетологии

Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Что значит add glass film на Алиэкспресс

5 способов распознать шрифт с картинки

Екатерина Малахова

Источник: netology.ru

Как определить, что за шрифт на сайте?

Как определить шрифт на сайте

Перед вопросом «где взять шрифт», обязательно возникает вопрос — как его выбрать? Самый простой вариант — подсмотреть, какой шрифт используется на любимом сайте. После того, как вдохновение найдено, приступаем к идентификации.

Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!

Перед вопросом «где взять шрифт», обязательно возникает вопрос — как его выбрать? Самый простой вариант — подсмотреть, какой шрифт используется на любимом сайте. После того, как вдохновение найдено, приступаем к идентификации.

Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!

1. Расширение для браузера
2. Смотрим в коде страницы
И что, больше никак?

1. Расширение для браузера

Для каждого браузера есть свои расширения, способные определить шрифт сайта. Например, я в Google Chrome использую расширение от Typ.io. Установить его в браузер можно по этой ссылке. После установки в правом нижнем углу появится серый квадрат с буквой «Т» посередине, при клике на который вы сможете узнать, какие шрифты используются на текущей странице сайта. Также можно выделить часть интересующего текста и нажать на «+» рядом с кнопкой «Т»: вуаля, приложение определило шрифт фрагмента.

Кроме того, на сайте Typ.io можно найти вдохновляющую подборку шрифтов, используемых на разных сайтах. Англоязычных, правда. Поэтому после того, как вы выбрали свою шрифтовую пару, проверьте, поддерживают ли эти шрифты кириллицу.

Еще расширения:
Fontface Ninja (Google Chrome, Firefox, Safari),
WHATFONT TOOL (Google Chrome, Safari),
Typesample (Google Chrome).

UPDATE 2019: В последнее время я использую в работе расширение для Хром — CSS Pepper. Оно позволяет не только видеть названия установленных на сайт шрифтов, но и все цвета (их HEX можно скопировать) и картинки (их можно сохранить). Рекомендую.

2. Смотрим в коде страницы

Кликаем правой кнопкой мыши в любом месте страницы интересующего сайта и выбираем «Посмотреть код» (или Ctrl+Shift+I для Google Chrome). Выделяем нужный фрагмент сайта и ищем атрибут font-family.

Скорее всего, эти манипуляции помогут вам найти нужный шрифт. Почему скорее всего? Потому что разработчик может переименовать шрифт так, как ему вздумается, например, как это сделала я (почти бессознательно):

Как посмотреть шрифт в коде

←На сайте используется шрифтовая пара Leksa + Futura, но загружены все шрифты как Leksa, поэтому определить Futura ни просмотр кода, ни сервисы не помогут. Ха-ха! 🙂

И что, больше никак?

Почему же, есть и другие способы, кратко назовем их «определение шрифта по картинке». Тут на помощь приходят специализированные сервисы, например WhatTheFont . А еще можно спросить у тех, кто знает, в группах в соцсетях, например здесь или здесь.

Если хотите прибегнуть к дедуктивному методу — воспользуйтесь сервисом Identifont .

Определить шрифт с помозью сервиса Identifont


← Сервис Identifont

ВАЖНО: Если вы собираетесь использовать найденный шрифт для коммерческих целей или публичной демонстрации — на него нужно купить лицензию.

Получите скидку 25% на шрифты Rentafont по нашей ссылке

Нужен свой контент-проект? Напишите нам
Тут подробнее о том, чем можем быть вам полезны✊
Это Саша Назмеева, она будет общаться с вами, когда вы напишете
Было полезно? Интересно?

Поделитесь мнением здесь и в комментариях 🙂

Мы запустили SVOEMEDIA.SPACE

Пополняемая библиотека готовых шаблонов сайтов и блоков для Tilda Publishing, Figma, соцсетей, понятных инструкций и чек-листов от практиков

А в telegram — наша кухня от Саши Колташовой
ПОДПИШИТЕСЬ НА ТЕЛЕГУ
Полезное для тех, кто ищет подрядчика
Элементы и шаблоны для текстов лендинга
Спрашивали — отвечаем

Как составить контент-план: 5 шаблонов
Aloha, мы ищем таланты
Как проверить верстку и адаптив на Тильде в Zero-блоках?
Имеет ли смысл делать интернет-магазин на Тильде?
SVOEMEDIA.TEAM
ГОТОВЫЕ РЕШЕНИЯ И ОБУЧЕНИЕ

ЧТО МЫ ДЕЛАЕМ
Click to order

CMS (Content Management System) — система управления контентом, в данном случае — сайтом (например, Тильда, Битрикс, Вордпресс).

ОКВЭД (Общероссийский классификатор видов экономической деятельности) — именно по этим кодам, которые указываются при регистрации ИП или юрлица, можно осуществлять деятельность. Коды можно добавить, но это не дело 5 минут.

ККТ (Контрольно-кассовая техника) — оборудование для расчетов между контрагентами.
С 2016 года: 2 редизайна сайта, создание и ведение контент-проекта
ИЛЬЯ МАЗОВ, ДИРЕКТОР ПО РАЗВИТИЮ, ИНЖИНИРИНГОВЫЙ ХИМИКО-ТЕХНОЛОГИЧЕСКИЙ ЦЕНТР

Работа с компанией Своёмедиа длится уже более двух лет. За это время реализовано много мероприятий по поддержке и развитию сайта, включая глубокую и неоднократную переработку концепции и взгляда на этот ресурс — в том числе в мыслях у управленцев нашей компании.

Почему пункты выдачи Алиэкспресс в пятерочке

Развитие сайта как основного ресурса медийной поддержки компании (мы работаем в достаточно сложном сектор — b2b в химической отрасли) оказывает существенную поддержку нашему бизнесу. И эту поддержку можно разделить на 2 вида — прямую и косвенную.

Прямое вовлечение клиента — заказы, поступающие непосредственно с сайта. Понятно, что мы не интернет-магазин и продать консультационные услуги на 5−10 млн рублей с оплатой наложенным платежом невозможно. Поэтому мы считаем прямые запросы, которые позже конвертируются в работы. Либо вариант «мы посмотрели ваш сайт, позвонили — вы нам подходите».

Общий объем таких работ за последние пару лет можно оценить в 10−15 млн рублей, около 15% от общей выручки. Это является серьезным достижением, безусловно.

Косвенная поддержка — тоже очень важный момент. При встречах и после них мы всегда рекомендуем зайти на наш сайт, чтобы ознакомиться с тем, как мы работаем и что мы делаем. Часто мы получаем ответ типа «мы уже заходили, у вас очень круто, мы понимаем, что вы серьезные ребята».

Такого рода поддержку трудно оценить в прямых доходах, однако можно уверенно сказать, что она очень важна в нашем бизнесе.

В ближайших планах развития медийного ресурса Инжнирингового центра стоит увеличение доли работ, приходящих через сайт, до 30−50%. У нас есть уверенность, что в сотрудничестве с коллегами из Своёмедиа мы справимся с этой задачей.

Источник: svoemedia.ru

Как определить шрифт на сайте — 5 лучших онлайн сервисов

В интернете доступно сразу несколько сервисов, позволяющих определить шрифт онлайн на сайте или найти аналогичный. Рассмотрим наиболее эффективные инструменты.

WhatFont

WhatFont

Наведите курсор на текст и сразу сможете узнать шрифт онлайн. WhatFont определяет любой шрифт, используемый на сайте. Он также может идентифицировать шрифты, предоставляемые Typekit или Google Fonts. Сервис доступен в виде браузерного расширения и букмарклета.

Единственная проблема заключается в том, что этот инструмент работает только на веб-страницах и не распознает шрифты на изображении или фотографии.

WhatTheFont!

WhatTheFont!

Данный сервис, осуществляющий определение шрифта онлайн предоставляет из самых больших коллекций шрифтов (130 тысяч). А также позволяет сравнивать типографику, использованную в надписи на изображении. Для этого вставьте изображение и вырежьте текст, шрифт которого хотите идентифицировать. Вы даже можете использовать изображения с несколькими шрифтами и строками текста.

Но с помощью этого инструмента вы идентифицируете только платные шрифты.

Font Finder

Font Finder

Продвинутый инструмент, который сравнивает шрифты с библиотекой, состоящей из 550 тысяч образцов. Но за один раз сервис может идентифицировать шрифт только одной строки текста.

Чтобы восполнить этот недостаток, инструмент снабжен графическим редактором, который позволяет увеличить контраст для темных изображений, обрезать ненужные участки и т.д. Это повышает эффективность определения шрифта онлайн по тексту.

Fontspring Matcherator

Fontspring Matcherator

Чтобы использовать этот сервис, осуществляющий определение шрифта онлайн по тексту, загрузите или укажите ссылку на изображение, и обрежьте текст, шрифт которого хотите идентифицировать. Fontspring Matcherator автоматически сопоставляет фигуры и глифы.

С помощью этого инструмента вы найдете бесплатные и премиальные шрифты. Для этого нажмите на конкретный результат, чтобы увидеть страницу загрузки шрифта.

Identifont

Identifont

Если вы пытаетесь определить узнать какой шрифт используется на сайте, воспользуйтесь Identifont. Этот инструмент задаст вам несколько вопросов о стиле гарнитуры, а затем выдаст несколько похожих шрифтов. Сервис также предоставляет информацию об авторе шрифта и где его можно купить.

Найдите любой шрифт

Раньше процесс поиска шрифта занимал много времени. Теперь благодаря рассмотренным в этой статье сервисам можно узнать используемый шрифт за считанные секунды.

Сергей Бензенко автор-переводчик статьи « 5 Resources to Help Identify a Font »

Источник: www.internet-technologies.ru

Как определить шрифт на картинке, изображении (подбираем такой же шрифт, как на картинке)

chto-tam-za-shrift

Здравствуйте.

В офисной работе иногда нужно написать какой-нибудь текст таким же шрифтом , который был использован в документе. Хорошо, если он есть в электронном варианте, а если только в бумажном? Вот иногда и приходится определять шрифт по скану (картинке).

Впрочем, причины узнать шрифт могут быть и другие: вы увидели красивую надпись и хотите создать что-то подобное; вам нужно исправить (подправить) какую-то подпись под картинкой (так, чтобы она не выделялась среди другого текста) и т.д.

В общем, как бы там ни было, в этой статье предложу несколько вариантов как это можно сделать. Сразу отмечу, что если на изображении запечатлен какой-то уникальный шрифт (который нигде ранее не использовался, т.е. дизайнер его создал самостоятельно) — то найти его не удастся (хотя, скорее всего, вы сможете подобрать что-то похожее).

Если таможня задержала посылку с Алиэкспресс

Ладно, ближе к теме.

Дополнение!

Если у вас есть только картинка на бумаге (распечатанный документ), то для начала работы вам необходимо перевести ее в электронную версию (отсканировать). Сделать сейчас это можно с помощью обычного смартфона на Андроид.

Распознавание шрифта на картинке

Вариант 1: с помощью ABBY Fine Reader

Если кто-то не слышал о такой программе как ABBY Fine Reader — то кратко скажу, что она предназначена для распознавания текста с картинок, PDF-файлов, сканов и пр. (т.е. на входе — у вас обычный графический файл; на выходе — программа выдает вам текст, который можно перенести в Word).

FineReader и его аналоги (всё самое нужное): https://ocomp.info/raspoznat-tekst.html

Официальный сайт ABBY Fine Reader — https://pdf.abbyy.com/

*

Так вот, Fine Reader по умолчанию при распознавании текста не меняет шрифт! То есть, при процессе распознавании шрифт текста будет выбран тот, который запечатлен у вас на графическом файле (фото, картинке и пр.).

Покажу на примере, как это работает.

1) Установку и запуск программы я опускаю (они стандартны и никаких сложностей возникнуть не должно).

Далее нужно нажать по меню «Файл/Открыть PDF или изображение» и указать картинку/фото, на котором находится нужный текст.

Открыть PDF или изображение

Открыть PDF или изображение

2) Распознавание картинки по умолчанию происходит автоматически ( примечание : слева отображается исходная картинка — справа результаты распознавания) .

В общем, когда программа закончит свою работу — останется только кликнуть в нужный участок полученного текста, и вы увидите его шрифт. В качестве примера ниже я загрузил скриншот странички своего сайта, Fine Reader выдал шрифт Georgia (правильно!).

Шрифт Georgia (Скриншот ABBY Fine Reader)

Шрифт Georgia (Скриншот ABBY FineReader)

Проверить это достаточно просто — перейти в браузер, открыть любую страничку сайта ocomp.info и посмотреть исходный код документа (на скрине ниже показано, как это выглядит в Chrome) .

Проверка, что Georgia

Проверка, что Georgia

В качестве еще одного примера взял фото разворота книги «Война и Мир». Используемый шрифт — Times New Roman.

Times New Roman — скриншот из ABBY Fine Reader

Times New Roman — скриншот из ABBY FineReader

Вполне! Я думаю, что этот способ — один из наиболее эффективных (особенно, если речь касается русскоязычного текста).

Примечание: если на распознаваемом фото/картинке будет использоваться редкий шрифт (которого нет в вашей системе) — FineReader подберет автоматически наиболее похожий из тех, что есть.

Вариант 2: с помощью онлайн сервисов

Онлайн-сервисы удобны прежде всего тем, что вы сразу же можете приступить к работе (ничего не устанавливая и не настраивая). С другой стороны, их функциональность и эффективность — достаточно низкая (по крайней мере, для работы с ними нужно иметь куда качественнее изображение, чем для того же Fine Reader).

Впрочем, есть и преимущество: они могут определить шрифт даже в том случае, если у вас его нет на ПК.

Ниже привожу несколько ссылок:

  1. https://www.fontspring.com/matcherator (сервис для авто-распознавания шрифта. Обычно всегда рекомендует платные версии шрифтов, в то время как они почти не отличаются от обычных. );
  2. https://www.myfonts.com/WhatTheFont (аналогичный сервис);
  3. https://www.whatfontis.com/ (аналог предыдущих, правда работает через раз, но все-таки. );
  4. https://www.xfont.ru/russian (богатая коллекция русских шрифтов);
  5. https://fontstorage.com/ru/ (И еще одна. Здесь собрано более 1000 разнообразных шрифтов! ).

Работа с вышеприведенными сервисами строится либо в ручном варианте (когда вы сами подбираете шрифт, сравнивая его с оригиналом), либо в авто-варианте (когда сервис по схожести подберет вам коллекцию шрифтов).

Рассмотрю работу в одном из сервисов — myfonts.com (он первый в моем мини- списке). После перехода на сайт — вам нужно загрузить изображение и выбрать область текста на нем (см. шаг 1 и 2 на скриншоте ниже).

Загрузка картинки и выбор текстовой области

Загрузка картинки и выбор текстовой области

Далее перед вами появится список шрифтов: из него можете выбрать тот, который наиболее похож на ваш (обычно, первый в списке тот, что нужен).

Ну и чем Impact MT отличается от Impact. (результаты работы)

Ну и чем Impact MT отличается от Impact. (результаты работы)

Отмечу, что англоязычные сервисы не очень хорошо работают с русским текстом (часто вместо конкретного шрифта подбираются какие-то крякозабры).

Примечание : также обратите внимание, что платные шрифты (которые вам будут предлагать купить на различных сервисах) часто почти не отличаются от бесплатных, тех, что уже установлены в вашей системе.

На этом пока всё. Иные варианты — приветствуются!

Первая публикация: 28.05.2019

Источник: ocomp.info

Рейтинг
( Пока оценок нет )
Загрузка ...
Китай Покупай