Компании Monotype и Alibaba представили шрифт Alibaba Sans. Он создан специально для Alibaba Group — лидера в области электронной коммерции, розничной торговли и современных технологий. Предполагается, что семейство гарнитур поможет унифицировать брендинг компании в ее международных приложениях, платформах и веб-сайтах.
Отметим, что Alibaba предоставляет всем продавцам и брендам бесплатный доступ к системе шрифтов.
К достоинствам Alibaba Sans отнесена «высокая разборчивость, энергичность и выразительность». Семейство Alibaba Sans состоит из 11 начертаний и разработано с таким расчетом, чтобы эстетично выглядеть как в маленьких, так и в больших размерах, на любом устройстве или в любом месте — от экранов до вывесок на зданиях. Семейство гарнитур поддерживает 172 языка и разработано с упором на цифры и символы валют, учитывая их важность для миллионов продавцов обширной всемирной цифровой экосистемы Alibaba.
7 ПРОВЕРЕННЫХ МНОЙ УСТРОЙСТВ С ALIEXPRESS
Напомним, работая в области электронной коммерции, облачных вычислений, платежей, логистики, цифровых медиа, развлечений и инноваций, Alibaba обслуживает почти 700 миллионов пользователей и десятки миллионов продавцов по всему миру.
Источник: www.ixbt.com
Как определить, что за шрифт на сайте?
Перед вопросом «где взять шрифт», обязательно возникает вопрос — как его выбрать? Самый простой вариант — подсмотреть, какой шрифт используется на любимом сайте. После того, как вдохновение найдено, приступаем к идентификации.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!
Перед вопросом «где взять шрифт», обязательно возникает вопрос — как его выбрать? Самый простой вариант — подсмотреть, какой шрифт используется на любимом сайте. После того, как вдохновение найдено, приступаем к идентификации.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!
1. Расширение для браузера
2. Смотрим в коде страницы
И что, больше никак?
1. Расширение для браузера
Для каждого браузера есть свои расширения, способные определить шрифт сайта. Например, я в Google Chrome использую расширение от Typ.io. Установить его в браузер можно по этой ссылке. После установки в правом нижнем углу появится серый квадрат с буквой «Т» посередине, при клике на который вы сможете узнать, какие шрифты используются на текущей странице сайта. Также можно выделить часть интересующего текста и нажать на «+» рядом с кнопкой «Т»: вуаля, приложение определило шрифт фрагмента.
Как подобрать шрифты для сайта? Визуальная иерархия. Создаем стили за 15 минут!
Кроме того, на сайте 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
ВАЖНО: Если вы собираетесь использовать найденный шрифт для коммерческих целей или публичной демонстрации — на него нужно купить лицензию.
Получите скидку 25% на шрифты Rentafont по нашей ссылке
Нужен свой контент-проект? Напишите нам
Тут подробнее о том, чем можем быть вам полезны✊
Это Саша Назмеева, она будет общаться с вами, когда вы напишете
Было полезно? Интересно? Поделитесь мнением здесь и в комментариях 🙂
Мы запустили SVOEMEDIA.SPACE
Пополняемая библиотека готовых шаблонов сайтов и блоков для , 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 определяет любой шрифт, используемый на сайте. Он также может идентифицировать шрифты, предоставляемые Typekit или Google Fonts. Сервис доступен в виде браузерного расширения и букмарклета.
Единственная проблема заключается в том, что этот инструмент работает только на веб-страницах и не распознает шрифты на изображении или фотографии.
WhatTheFont!
Данный сервис, осуществляющий определение шрифта онлайн предоставляет из самых больших коллекций шрифтов (130 тысяч). А также позволяет сравнивать типографику, использованную в надписи на изображении. Для этого вставьте изображение и вырежьте текст, шрифт которого хотите идентифицировать. Вы даже можете использовать изображения с несколькими шрифтами и строками текста.
Но с помощью этого инструмента вы идентифицируете только платные шрифты.
Font Finder
Продвинутый инструмент, который сравнивает шрифты с библиотекой, состоящей из 550 тысяч образцов. Но за один раз сервис может идентифицировать шрифт только одной строки текста.
Чтобы восполнить этот недостаток, инструмент снабжен графическим редактором, который позволяет увеличить контраст для темных изображений, обрезать ненужные участки и т.д. Это повышает эффективность определения шрифта онлайн по тексту.
Fontspring Matcherator
Чтобы использовать этот сервис, осуществляющий определение шрифта онлайн по тексту, загрузите или укажите ссылку на изображение, и обрежьте текст, шрифт которого хотите идентифицировать. Fontspring Matcherator автоматически сопоставляет фигуры и глифы.
С помощью этого инструмента вы найдете бесплатные и премиальные шрифты. Для этого нажмите на конкретный результат, чтобы увидеть страницу загрузки шрифта.
Identifont
Если вы пытаетесь определить узнать какой шрифт используется на сайте, воспользуйтесь Identifont. Этот инструмент задаст вам несколько вопросов о стиле гарнитуры, а затем выдаст несколько похожих шрифтов. Сервис также предоставляет информацию об авторе шрифта и где его можно купить.
Найдите любой шрифт
Раньше процесс поиска шрифта занимал много времени. Теперь благодаря рассмотренным в этой статье сервисам можно узнать используемый шрифт за считанные секунды.
Дайте знать, что вы думаете по данной теме материала в комментариях. За комментарии, лайки, дизлайки, отклики, подписки огромное вам спасибо!
Сергей Бензенко автор-переводчик статьи « 5 Resources to Help Identify a Font »
Источник: www.internet-technologies.ru