Как узнать название шрифта: Как распознать шрифт по картинке. Бесплатные способы, как определить шрифт онлайн

Содержание

Как узнать название шрифта | СублиМастер

Привет, дорогой читатель! Очень часто просто необходимо узнать название какого-либо шрифта. Например, вам принесли картинку из интернета и попросили на футболке повторить надпись именно так, как в оригинале. Или вы рекламщик, и к вам пришли с просьбой обновить вывеску на которой отклеились несколько букв.

Как в точности воспроизвести текст? Без знания шрифта никак! О том как определить название шрифта по картинке или фотографии мы сейчас и поговорим.

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

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

Давайте определим название шрифта в написании логотипа ассоциации по боям без правил M-1.

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

Я обрежу слово Challenge и оставлю только логотип. Сохраню его, как изображение Jpeg. Теперь возвращаемся на вкладку WhatTheFont и с помощью кнопки «Обзор» загружаем на сервер нашу картинку. После загрузки жмем «Continue».

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

Теперь снова нажимаем «Continue» и видим результат — программа абсолютно точно определила название шрифта Sofachrome Italic

.

Осталось скачать шрифт в интернете и установить на ваш компьютер. Все шрифты в вашем ПК находятся: Пуск — Панель управления — Шрифты.

Повторюсь, что для более точного определения, ищите картинку наилучшего качества и разрешения. Цветной текст лучше перевести в черно-белый.

У сервиса MyFonts.com есть один серьезный недостаток — он не определяет русскоязычный текст. Но и здесь можно исхитрится. Ведь и в русском и английском языках есть похожие по написанию буквы -Т, Н, О, Х, Е и другие. Так вот, если в искомом слове, даже русском, будут подобные буквы — шрифт легко определится. Давайте проверим это на практике. Я наберу слово РАБОТА заведомо известным мне кириллическим шрифтом Bremen Black и проверю — определит ли его сервис WhatTheFont.

Как видите почти все буквы определились верно, за исключением русской Б.

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

Bremen Black.

Отличная работа! Главное избегать чисто русских букв Ц, Щ, Ы, Ф,Ч и тогда с определением даже кириллического шрифта у вас не возникнет проблем.

Ну вот и все на сегодня. Надеюсь с определением названий шрифтов у вас теперь будет полный порядок!

Всего вам доброго!

Понравилась статья? Не забудьте подписаться на новости, чтобы первыми узнавать о новых статьях и уроках сайта СублиМастер.

Статьи по теме:

Как разрезать картинку на равные части в Фотошопе

Рисуем китайские и японские иероглифы

Бесплатные картинки на футболку

Как сменить расширение файла в Windows7

 

Как узнать, какие шрифты используются в выбранной части документа PDF

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

НЕ удовлетворяет вашему требованию, чтобы узнать о шрифте, используемом для выделенного текста. C:\\pa\\gs\\gs8.64\\lib\\pdf_info.ps SHARE.pdf has 12 pages. Title: SHARE_Information_070808.indd Creator: Adobe InDesign CS2 (4.0) Producer: Adobe PDF Library 7.0 CreationDate: D:20080808103516+02’00’ ModDate: D:20080808103534+02’00’ Trapped: False Page 1 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 2 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 3 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 4 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 5 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 6 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 7 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 8 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 9 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 10 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 11 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.276 841.89 ] Page 12 MediaBox: [ 595.276 841.89 ] CropBox: [ 595.
276 841.89 ] Font or CIDFont resources used: DKCTOS+FrutigerLT-BlackCn DKCTOS+FrutigerLT-BoldItalic DKCTOS+Wingdings3 TIELEM+FrutigerLT-Black TIELEM+FrutigerLT-Bold TIELEM+FrutigerLT-BoldCn TIELEM+FrutigerLT-Cn TIELEM+FrutigerLT-Italic TIELEM+FrutigerLT-UltraBlack TIELEM+TimesNewRomanPS-BoldItalicMT

Обратный инженер Flash, чтобы узнать название шрифта?



Мне нужно узнать название шрифта с сайта flash. Есть ли приложение, которое может сделать это для меня?

Спасибо!

flash fonts reverse-engineering
Поделиться Источник Cris     12 июня 2011 в 08:09

3 ответа


  • JSFL — Flash CS4: замена шрифта текстовых полей встроенным шрифтом

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

  • Имя несистемного шрифта в iPhone

    Я хочу добавить несистемный шрифт в свое приложение iPhone/iPad. Я добавил файл шрифта в проект, а также добавил шрифт в свойство UIAppFonts info.plist. Для загрузки шрифта я использую fontWithName из UIFont . Но имя шрифта, похоже, не является именем файла, с расширением или без него, а также…


Поделиться mrkva     12 июня 2011 в 08:10



1

Это не программный ответ, но я бы попробовал сделать скриншот и загрузить его в WhatTheFont . Иногда помогал мне.

Поделиться Norbert     12 июня 2011 в 08:11



1

Вы можете загрузить этот flash в свой собственный фильм flash и использовать Font.enumerateFonts() ( docs), чтобы увидеть, какие шрифты встроены. Но программист может использовать другое имя, отличное от исходного.

Если у вас есть, например, FlashDevelop, в дереве проекта есть возможность развернуть swf-файл, который покажет вам все встроенные классы, символы, а также шрифты.

Поделиться DanielB     12 июня 2011 в 08:38


Похожие вопросы:


Flash CS5.5 указание шрифта устройства

Я использую Flash CS5.5 и хочу указать шрифт устройства, а не встроить его. Проблема в том, что, хотя я знаю точное имя шрифта на устройстве, я не могу ввести имя шрифта в среду разработки Flash….


Виджет navigationbar как название шрифта, цвет шрифта, стиль

Я понимаю, что вы можете изменить название навигационного элемента, вызвав метод SetTitle navigationItem следующим образом: [[ViewController navigationItem] setTitle:@Hello World]; Однако я хотел бы…


Относительный размер шрифта и разрешение экрана-flash плеер

Мы создаем продукт на основе flash (закодированный в flash builder) и должны убедиться, что размер шрифта читаем для всех стандартных разрешений экрана — мы закодировали fontsize так, чтобы он был…


JSFL — Flash CS4: замена шрифта текстовых полей встроенным шрифтом

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


Имя несистемного шрифта в iPhone

Я хочу добавить несистемный шрифт в свое приложение iPhone/iPad. Я добавил файл шрифта в проект, а также добавил шрифт в свойство UIAppFonts info.plist. Для загрузки шрифта я использую fontWithName…


Автоматически ли Flash CS5 вставляет символы шрифта?

Автоматически ли Flash CS5 вставляет символы шрифта? Я использую динамический текст для 28 но они не меняются.


При каких обстоятельствах обратный for loop быстрее в Flash и почему?

Согласно Adobe, обратный for loop-это самый быстрый способ сделать петлю: http:/ / www.adobe.com / devnet/flash / статьи / оптимизация-flash-performance.html Я не мог создать тест, в котором…


Как узнать имя шрифта из изображения, отличного от photoshop?

У меня есть изображение,которым я управлял с помощью кнопки print screen . Я хочу знать название шрифта, который был использован в каком-то месте изображения. Есть ли способ узнать имя шрифта с…


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

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


Размер шрифта главы и название главы

Я пытаюсь сделать так, чтобы заголовок CHAPTER 1 был выровнен по центру, а заголовок главы-по левому краю. \titleformat{\chapter}[display] {\large\bfseries}{\filcenter\chaptertitlename\ \thechapter}…

Как определить шрифт: 7 популярных сервисов

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

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

1. WhatTheFont

Один из самых популярных сервисов для определения шрифта. Нужно загрузить картинку размером не менее 360 x 275 пикселей в программу, и запустить процесс распознавания. Чем выше качество изображения, тем точнее определение. Допустимые форматы изображений: GIF, JPEG, TIFF, BMP.

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

2. What Font is

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

3. Identifont

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

4. Bowfin Printworks

Программа работает аналогично предыдущей. Принцип: поиск шрифта на основе вопросов о форме букв и т. д. Работает немного быстрее Identifont, но поиск также может стать утомительным.

5. Typophile

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

6. Плагин для Google Chrome

Он определяет шрифт путем сканирования html-кода страниц. При наведении курсора всплывает подсказка. Чем больше шрифт, тем выше точность распознавания.

7. Мобильное приложение WhatTheFont

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

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

Для распознавания кириллических шрифтов (на русском языке) специальных сервисов нет. Можно попробовать оставить на изображении только такие символы, которые дублируются в латинице: A, B, C, E, H, K, M, O, P, T и попробовать распознать с помощью вышеуказанных сервисов. Иначе, помогут только списки или советы специалистов на форумах.

Как найти нужный шрифт, не зная его названия? Лучшие сервисы и приложения для идентификации шрифтов.

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

Поможет решить данную проблему достаточно простым и оригинальным способом. Вы загружаете (со своего компьютера или указав ссылку) картинку или логотип, на которых содержится текст, а сайт выдаёт список шрифтов. Для загрузки подходят файлы размером не более 360 x 275 пикселей и следующих форматов: GIF, JPEG, TIFF, BMP. Иногда может потребоваться ввести соответствующие символы, изображенные на картинке, поскольку система не всегда способна сама их точно опознать.

Для лучшего распознавания системой отдельных символов, разработчики рекомендуют придерживаться следующих рекомендаций. Следует помнить, что чем меньше шрифт, тем более велика вероятность ошибочной идентификации текста. Оптимальным для системы является размер отдельного символа в пределах 100 пикселей (больший размер увеличивает время поиска совпадений). Конечно, ссылаясь на ограничение картинки по ширине, изображение будет содержать всего 3-4 символа, но этого вполне достаточно для определения похожих шрифтов. Сервис успешно работает с цветными картинками, однако высокой точности можно добиться только на черно-белых изображениях.

После загрузки изображения анализатор распознает символы.

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

Есть один недостаток — нет поддержки кириллических шрифтов.

Есть еще один замечательный онлайн сервис по распознанию шрифтов — (What Font is)

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

На сервисе Whatfontis есть 3 пути узнать что за шрифт:

Путь 1

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

По окончанию в самом конце страницы, будет три варианта поиска:

  • Display only free fonts or free alternative fonts
    (Отобразить только бесплатные шрифты или альтернативные бесплатные)
  • Display only commercial fonts or commercial alternative fonts
    (Отобразить только платные шрифты или альтернативные коммерческие)
  • Display all fonts
    (Отобразить все шрифты)

Путь 2
Можно не загружать свою картинку содержащую текст с искомым шрифтом, а указать веб адрес картинки со шрифтом.

Путь 3
Поиск по имени. Можно ввести название шрифта и искать его аналоги.

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

Наиболее простая – взгляните на исходный код той страницы, которая «приглянулась». Безусловно, для нахождения нужного кода среди множества других, нужно хоть немного разбираться в HTML-кодах.

Предлагаю воспользоваться редактором текстов Microsoft Word пакета Office. Для этого сохраните конкретную веб-страницу, чтобы открыть ее потом в редакторе. Шрифт определится таким, каким он есть в оригинале.

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

В арсенале помощников имеются плагины под различные браузеры, определяющие шрифт на открытых интернет-страницах. Для браузера Google Chrome – это плагин Csscan , а под Mozilla FireFox – Firebug . Все, что нужно, так это скачать необходимый плагин для своего браузера.

Что делать, если нельзя запросто определить шрифт, например, с картинки? Выдернуть его оттуда весьма затруднительно, но можно. Существуют сервисы, позволяющие определять шрифты на логотипах и картинках. Например, такой сервис, как WhatTheFont дает возможность загружать изображения со шрифтом, а в результате обработки будет выведен шрифт, наиболее похожий на исходный с картинки. Точнее, – целый перечень шрифтов на выбор.

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

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

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

Вышеперечисленные основные способы позволяют идентифицировать практически любой шрифт на веб-сайте.

Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).

В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.

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

Graphic Design Blog полезный ресурс, но может помочь лишь в том случае, если вы знаете имя дизайнера или студию, создавшего шрифт. Список студий и дизайнеров весьма обширный и поиск шрифта в разы упрощается. Но, что делать, если вы видите шрифт в первый раз?

Шаг 2: После загрузки картинки, проверьте, что What The Font правильно определил глифы, и лишь после этого жмите «поиск».

Вкратце, ГЛИФ — это графический образ знака. Один знак может соответствовать нескольким глифам; строчная «а», капительная «а» и альтернативный вариант строчной «а» с росчерком являются одним и тем же знаком, но в то же время это три разных глифа (графемы).

С другой стороны, один глиф также может соответствовать комбинации нескольких знаков, например лигатура «ffi», являясь единой графемой, соответствует последовательности трех знаков: f, f и i. Т.о. для программы проверки орфографии слово suffix будет состоять из 6 знаков, а графический процессор выдаст на экран 4 глифа.

Сначала я загрузил эту картинку:

Отличное сообщество, огромное количество ресурсов, блогов, новостей связных с типографской культурой. Есть даже typography Wiki.

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

Вам понадобится
  • Компьютер с подключением к сети Интернет.
Инструкция
  • Интернетизобилует большим количеством разнообразных полезных сервисов, один из которых WhatTheFont.

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

  • С выполнением поиска шрифта и его определения на странице сервиса разберется даже школьник, который хоть немного работал с компьютером. Вам необходимо сделать скриншот с изображения, на котором есть образец искомого шрифта. Для этого следует воспользоваться клавишей PrintScreen, которая, как правило, находится среди блока навигационных клавиш (чуть выше кнопок со стрелками). Обратите внимание, что на ноутбуках и нетбуках расположение этой клавиши иное.
  • Откройте любой графический редактор и вставьте изображение из буфера обмена. В качестве простейшего редактора возможно использовать MS Paint, который запускается из меню «Пуск» и раздела «Стандартных программ». В открытом окне редактора нажмите сочетание клавиш Ctrl + V, чтобы вставить продукт буфера обмена. Сохраните изображение в любой папке, например, на рабочем столе — для быстрого доступа.
  • Если вы знаете точный адрес изображения, изготовлением скриншотов заниматься не стоит. Чтобы его узнать и скопировать, необходимо нажать правую кнопку мыши на картинке и выбрать пункт «Скопировать адрес изображения» (для каждого браузера название этого пункта различно).
  • На странице сервиса нажмите кнопку Upload a file, чтобы загрузить изображение с жесткого диска, в вашем случае это картинка на рабочем столе. А скопированный адрес изображения необходимо вставить в пустое поле Or specify a URL. Затем нажмите кнопку Continue.
  • В следующем окне перед вами появится несколько загруженных вами изображений, в которых будут выделены разные буквы. Под каждым изображением есть пустое поле, в него нужно вставить выделенную на картинке букву. Нажмите кнопку Continue.
  • В итоговом окне вы получите список похожих шрифтов, из которых можно выбрать самостоятельно искомый шрифт.
  • Совет добавлен 29 апреля 2012 Совет 2: Как определить шрифт на сайте Точно подобранный шрифт способен подчеркнуть стиль сайта, придать ему уникальности, красиво разделить абзацы, основной текст, цитаты и второстепенную информацию. А также сделать сайт запоминающимся и подарить приятные эмоции посетителям.
    Инструкция
  • Наиболее точный способ определить шрифт сайта это посмотреть свойства CSS. Современные браузеры имеют специальные инструменты, значительно облегчающую эту задачу.
  • Чтобы посмотреть шрифт в браузере Firefox, кликните по интересующему вас блоку текста правой кнопкой мышки и нажмите «Исследовать элемент». Нажмите кнопку «Стиль», расположенную в правом нижнем углу окна и в появившемся окне кликните «Свойства». Введите в строку поиска по свойствам – «font». Браузер отобразит все настройки текста заданного элемента. Среди них будет «font-family», указывающее название нужного шрифта. Также в остальных свойствах вы сможете определить стиль и толщину текста.
  • Аналогичная функция в Chrome называется «Просмотр кода элемента». Кликнув по нему, раскройте список «Computed Style», расположенный в правой части вкладки «Elements». Найдите в нем свойство «font-family», чтобы узнать название шрифта.
  • В браузере Opera эта функция называется «Проинспектировать элемент». Выберите его, переключитесь на вкладку «Документы» и кликните вкладку «Стили», находящуюся в правой части окна. Введите в поле «Фильтр» — «font». Раскройте список «Рассчитанный стиль», среди перечисленных свойств будет название шрифта.
  • Вы также можете определить шрифт на сайте с помощью Microsoft Word. Он может копировать текст в документ с сохранением форматирования из практически любого источника.
  • Чтобы определить шрифт с помощью программы Word, вставьте в него содержимое буфера обмена с помощью правой кнопки мышки или комбинации клавиш «Ctrl+V», выбрав при вставке «Сохранять исходное форматирование». Вы также можете использовать комбинацию клавиш «Ctrl+Alt+V», указав в меню «Формат HTML».
  • Посмотрите на вкладке «Главная» отобразившийся шрифт. Этот способ легче, чем просмотр свойств CSS, но в некоторых случаях Word определяет шрифт неправильно. Будьте внимательны.
  • Как определить шрифт на сайте — версия для печати

    Сейчас я вас научу плохому.

    Допустим, есть картинка

    и нужно найти шрифт, которым сделана надпись, или подобрать похожий по стилю и характеру.

    Поиск по картинкам

    Идем в поисковые системы и пробуем найти источник изображения, используя поиск по картинке.

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

    Исходную картинку загружаем через форму или кидаем на страницу поиска перестаскиванием.

    Порой Яндекс отрабатывает лучше Гугла.

    https://yandex.ru/images/

    Польза от поисковых систем следующая.

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

    Кто знает, это дело такое. Шансы малы, но не настолько, чтобы их игнорировать. Тем более в безвыходной ситуации.

    «Что за шрифт» на MyFonts.som

    Идем на Майфонтс в раздел, где работает специально обученный робот.

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

    Мы роботу картинку, он нам — шрифты. Ну или ничего.

    Но не спешите отправить ему картинку без проверки и доработки. Учтите, что:
    Робот не понимает кириллицу. Перед загрузкой удалите с картинки все символы, которых нет в латинице. Кириллические символы, совпадающие с латинскими можно оставить.
    У робота плохое зрение. Иногда он путает буквы с нестандартными формами. Поэтому иногда лучше кормить его по одной букве. Стоит найти самую характерную и начать с нее.

    После загрузки скорректируйте распознанные символы, введя в ячейки под картинками правильные символы.

    Если буква или знак (например, восклицательный) развалилась на две ячейки, перетащите одну картинку на другую и соберите букву назад.

    Жмем Continue.

    Робот постарается найти оригинал шрифта и предложит подходящие теги для дальнейшего самостоятельного поиска.

    Поиск по ключевым словам на MyFonts.som

    В поле поиска вбиваем по-английски слово или словосочетание, которое определяет инструмент рисования, характер шрифта или его классификацию.

    Наше изображение выполнено как бы фломастером (brush pen). Еще тут подойдут слова типа «каллиграфия» (calligraphic), «от руки» (handwritten) и т.д. Здесь можно воспользоваться тегами, которые предложил робот.

    Можно искать термины по-отдельности или объединять их и комбинировать в одном запросе.

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

    Жмем кнопку Search и просматриваем результаты, попутно отмечая для себя подходящие варианты на замену.

    На Майфонтсе много вариантов на замену исходному шрифту.

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

    Скриним.

    Растр

    В Фотошопе скрин превращаем в смарт-объект. В смарт-объекте накладываем на него Gradient Map от нужного цвета к белому.

    В макете выставляем смарт-объекту режим наложения слоев, например, Multiply .

    Для большинства случаев с белым фоном этого достаточно.

    Кому этого мало, можете удалить из скрина белый цвет. Color Range…, тыкаете пипеткой в белый фон

    получаете выделение по цвету, инвертируете выделение,

    сглаживаете его пару раз на пиксель-другой, чтобы граница контура не была такой рваной,

    и скрываете все белое под маску

    В основном документе уже делаете со смарт-объектом все, что душе угодно, почти как с векторным шейпом.

    При уменьшении смарт-объекта неровности контура станут менее заметны. Поэтому лучше скринить с запасом, а потом уже уменьшать до нужного размера.

    Вектор

    Если нужен вектор, то делаем трассировку в Иллюстраторе.

    Открываем скрин из PNG-файла:

    На панели Image Trace ставим Mode: Black and White, галочку Preview и аккуратно крутим Threshold и настройки в Advanced:

    Получив приемлемый результат, делаем надписи Expand

    и получаем вектор на все случаи жизни:

    Бесплатные шрифты

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

    За бесплатными шрифтами идем во Вконтакте, в группу «

    Как узнать, какой шрифт на сайте?

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

    Бывает, что элементарные вещи в Интернете невозможно найти очень долго. Вернее, ответы, конечно же, есть, но  по разным причинам тебя не устраивают. То сложно, то замороченно очень, то не совсем то, что ищешь… Но наконец, наступает такой момент, когда все звезды сходятся, и ты находишь то, что тебе нужно, легко и непринужденно. К примеру, на днях, я испытывала огромное чувство радости от того, что узнала, как определить, какой шрифт на сайте.

    [message type=”info”]Уверена, что многие веб-мастера меня поймут. Те, кто владеет уже таким секретам, может почитать на сайте другие интересные материалы, а те, кто уже не раз задавался вопросом, как же узнать, какой шрифт на сайте, который вам понравился, читайте внимательно до конца.[/message]

    Итак, вы занимаетесь активным серфингом, и изучаете и анализируете сайты конкурентов и коллег по цеху. И вас давно уже гложет мысль, что пора что-то кардинально изменить на своем сайте или в своем блоге. Вполне возможно, что переделку вы хотите начать именно с изменения шрифта. Да еще только что увидели такой шрифт, который как нельзя лучше вам бы подошел. Но как узнать и определить название шрифта?

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

    Знакомьтесь со своим будущим помощником – [urlspan]сервис “Fount”![/urlspan]

    Чтобы вы могли использовать его в любой момент времени, нажимайте на “Fount” левой кнопкой мыши, и перетаскивайте на панель браузера. Видите на моей панели браузера белую иконку с надписью “Fount”? Точно так же он будет выглядеть и у вас, если ваш браузер – Google Chrome. В других браузерах, таких, как Safari, Google Chrome, Mozilla Firefox, Internet Explorer, начиная с 8-й версии и выше, этот сервис работает по такому же принципу. А вот владельцам браузеров Opera, Internet Explorer 7 и некоторых других, придется поискать какой-либо другой вариант.

    Пошаговые действия

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

    Нажимаем в браузере на иконку Fount, под мышкой появляется крестик, и нажимаем мышкой на участок текста, шрифт которого хотим определить. Посмотрите, в правом верхнем углу, появилась табличка с названием шрифта “PT Serif”. Вот таким легким способом, мы можем определить, какой шрифт на сайте нашего коллеги. А также, можно увидеть размер 17  пикселей, степень насыщенности и стиль.

    Тренируемся здесь же!

    Потренироваться вы можете на сайте Fount, нажимая на разные участки текста, и читая отображение в демонстрационной табличке. Это весьма занятно. Уверяю, что вам захочется большего, и теперь вы с большим вниманием будете относиться к шрифтам, которые повстречаете. Ведь теперь вы можете быстро узнать, какой шрифт на сайте!

    [sc:подпись ]

    Просмотры: 295

    Как узнать, какой шрифт используется на странице, документе

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

    Шрифт в документе

    Если вы читаете документ в текстовом редакторе, просто выделите текст и посмотрите в панели инструментов используемый шрифт.

    Шрифт на веб-странице

    Через текстовый редактор

    Способ очень похож на предложенный выше. Вы можете выделить текст на веб-странице, на которой вы хотите определить шрифт, скопируйте его (щелкните правой кнопкой мыши и выберите “Копировать” или нажмите CTRL + C на клавиатуре). Откройте текстовый редактор и в новый документ вставьте текст (щелкните правой кнопкой мыши и выберите команду “Вставить” или нажмите Ctrl + V на клавиатуре). Выделите текст снова в текстовом документе и посмотрите на панели инструментов название шрифта.

    Через плагин

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

    Примечание: Существует множество приложений, некоторые из них платные.

    Через исходный код

    Сложный, но всё же допустимый вариант для определения шрифта – проверка исходного кода веб-страницы. Обычно вы можете просмотреть исходный код, щелкнув правой кнопкой мыши на странице и выбрав опцию просмотра исходного кода страницы в всплывающем меню. Браузер отображает программный код, используемый для создания страницы. В этом исходном коде вы можете найти тип шрифта, используемый для текста на странице. Тем не менее, часто тип шрифта задаётся в CSS-файле, который может быть недоступен для просмотра.

    Совет: Во многих браузерах вы можете просмотреть исходный код, нажав на CTRL + U или F12.

    Как называется этот шрифт? 9 бесплатных инструментов для определения шрифтов.

    Возможно, вы знакомы с одним из этих сценариев:

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

    В современном цифровом мире, дизайнер или нет, вы часто пытаетесь определить шрифт. Вы просто знаете, что видели это раньше, но не можете вспомнить название шрифта.

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

    Итак, как определить шрифт? Хорошо, этот пост даст вам несколько ссылок, которые помогут в ваших проблемах с идентификацией шрифтов.

    Сообщение обновлено в мае 2018 г.

    Fonts.com

    Узнайте название шрифта, ответив на вопросы о характеристиках, показанных в вашем образце шрифта.

    Посетите: https://www.fonts.com/id/by-sight

    Whatfontis.com

    Whatfontis.com

    Whatfontis.com — довольно новый сайт с приятным простым дизайном и версткой.

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

    Посетите Whatfontis.com

    WhatTheFont

    WhatTheFont

    WhatTheFont.com, вероятно, самый популярный инструмент, который люди используют для определения названий шрифтов.

    Опять же, вы загружаете изображение шрифта.

    Посетите WhatTheFont

    Flickr Typeface Identification

    Flickr Typreface Identification

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

    Посетите Flickr Typreface Identification

    Font Matcherator

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

    Посетите: FontSpring Matcherator

    Linotype Font Identifier

    Linotype FontFinder

    Этот инструмент идентификации шрифта немного отличается .Посредством серии вопросов, касающихся характеристик шрифта, который вы пытаетесь определить, он определяет наиболее вероятное название шрифта. На момент написания он использует базу данных из 3764 шрифтов.

    Посетите Linotype Font Identifier

    Identifont

    Identifont.com

    Identifont задаст вам серию вопросов о внешнем виде шрифта для идентификации названия шрифта.

    Идентификатор посещения.com

    Type Navigator

    TypeNavigator от Fontshop.com

    Type Navigator — это онлайн-инструмент от FontShop.com. Это интерактивная система визуального поиска шрифтов.

    Навигатор типов посещений

    Typophile — Type ID Board

    Type ID Board от Typophile.com

    Type ID Board — это доска сообщений, куда вы можете загрузить изображение своего шрифта и местные эксперты помогут определить его для вас.

    Доска для идентификации типа посещения

    Bowfin Printwork — Font-Spotter Service

    Bowfin Printworks Font Spotter Service

    На момент написания этой бесплатной услуги Font-Spotter вы можете перейти от Bowfin Print по электронной почте или факсу образец шрифта для идентификации.

    Посетите службу поиска шрифтов

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

    5 способов определения шрифтов на веб-странице

    Значит, вы занимаетесь своим делом, просматривая веб-страницы, и натыкаетесь на самую неудачную комбинацию шрифтов, но не можете определить шрифт? В этом видео (и приведенном ниже списке) я покажу вам, как именно найти эти шрифты…


    1. Fontanello (Chrome + Firefox)

    Fontanello Chrome and Firefox Extension, на мой взгляд, это самый быстрый способ узнать, какой шрифт используется на веб-странице.Вы просто щелкаете правой кнопкой мыши по тексту, находите Fontanello в меню и видите семейство шрифтов и некоторые дополнительные атрибуты.

    2. WhatFont (Chrome и Safari)

    WhatFont Chrome and Safari Extension — мой любимый вариант, когда дело доходит до обнаружения шрифтов. Чтобы активировать инструмент, вы должны щелкнуть значок «Какой шрифт» в меню браузера. Теперь вы можете выбрать несколько частей текста, что позволяет лучше визуализировать разбивки шрифтов по сравнению с Fontanello.

    3. Визуальный инспектор (хром)

    Расширение

    Visual Inspector для Chrome предлагает немного больше возможностей, чем два вышеупомянутых.Вы просто щелкаете значок «Визуальный инспектор» в меню Chrome, чтобы активировать инструмент, а затем переходите к разделу «Типографика» в раскрывающемся списке. Теперь вам представлены используемые семейства шрифтов с дополнительной разбивкой всей типографии на веб-странице.

    4. Старый добрый Проверка кода (все браузеры)

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

    Если вы используете Google Chrome , щелкните правой кнопкой мыши загадочный текст и выберите «Проверить».Появится всплывающее окно DevTools, убедитесь, что вы находитесь на вкладке «Стили» и перейдите к атрибутам Font-Family, чтобы узнать больше о шрифтах.

    Если вы используете Firefox , щелкните текст правой кнопкой мыши и выберите «Проверить элемент». Появится их инспектор, теперь перейдите на удобную вкладку шрифтов для получения необходимой информации.

    Если вы используете Safari , убедитесь, что меню «Разработчик» отображается, установив флажок в нижней части вкладки «Дополнительно» в настройках Safari. Теперь щелкните текст правой кнопкой мыши и выберите «Проверить элемент».Откройте боковую панель с подробностями, если она закрыта, и выберите вариант Стили — Вычисленные. Раздел font-family представит информацию о шрифте в атрибутах стиля.

    5. Раскрытие переименованных шрифтов (расширенный метод)

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

    Есть несколько способов сделать это, но я начну с записи текущего имени шрифта.Теперь откройте инструмент «Инспектор» (я использую Google Chrome), перейдите на вкладку «Приложение», прокрутите до раздела «Фреймы» и откройте «Шрифты». Нам нужно сопоставить имя файла с именем шрифта, указанным ранее. Теперь откройте этот шрифт в новой вкладке, чтобы загрузить его. Наконец, мы перетаскиваем этот файл шрифта в удивительный What Can My Font Do? веб-сайт и бац, информация о шрифтах представлена ​​красиво.


    Если что-либо из этого (текст, изображения или ссылки) не имело смысла, напишите мне в Twitter или по электронной почте — я здесь, чтобы помочь.Также дайте мне знать, с какими областями целевой страницы вы боретесь, и я постараюсь указать вам в правильном направлении 🙂

    С большой любовью,
    Роб

    Twitter: @robhope
    LinkedIn: @robhope
    Электронная почта: [email protected]

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

    Искусство идентификации шрифта

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

    Самое сложное — это когда вы не знаете название шрифта.

    Мы все там были, да? Вот почему я недавно провел неофициальный опрос коллег-дизайнеров о том, как они «находят этот шрифт». Я спросил их: вы используете веб-сайт с функцией идентификации шрифтов? Проконсультироваться с постоянным другом? Вы просматриваете печатный каталог в надежде найти его? Может быть, пройти идентификацию через свои знания анатомии шрифта?

    Я обнаружил, что «правильный» — это комбинация всех этих вариантов с некоторыми интересными нюансами в уникальных особенностях каждого.

    Использование FontBook в качестве идентификатора шрифта

    Экстраординарный дизайнер и блестящая реклама Креативный директор и основатель Шеннон Стивенс придерживается подхода «1-2-3». По его словам, его первая тактика —

    .
    1. Первый «контакт с друзьями по дизайну» по Skype или чату.
    2. Во-вторых, поиск совпадения в личной коллекции из 3,121 шрифта (!) На Mac.
    3. Наконец, он просматривает приложение FontBook для iPhone и iPad от FontShop International — бесспорную мать всех каталогов печатных шрифтов (помните их?)

    Идентификатор шрифта веб-сайтов

    Неудивительно, что есть несколько онлайн-ресурсов, которые помогут вам найти этот шрифт.В этой статье I Love Typography представлено несколько онлайн-инструментов для определения шрифтов, в том числе What the Font?!, FontShop и мой личный фаворит, Identifont. Font Finder на Veer.com позволяет просматривать шрифты по стилям и классификации.

    Конечно, функция поиска шрифтов на веб-сайтах может работать не для всех. Как и у многих других профессиональных дизайнеров, у Оуэна Троя, владельца / соучредителя Design des Troy, в голове настоящий «каталог шрифтов». Тем не менее, он признается, что некоторые шрифтовые сайты не всегда являются его первым выбором.«Хотя может показаться, что они должны вести меня к правильному шрифту, в конечном итоге они не дают мне правильных ответов», — говорит он. «Тем не менее, алгоритмическая и относительно демократичная функция« таких шрифтов »из моего ближайшего предположения о myfonts (с последующим вводом в образец текста подходящих букв), как правило, приводит меня к ответу довольно быстро. При необходимости повторите.

    Идентификация места или идентификация на месте

    Это может быть зарезервировано только для самых отъявленных типофилов. Креативный директор / партнер агентства Blue Collar Эйприл Донован отмечает, что компании, заказывающие новые или модифицированные версии существующих шрифтов, наводняют Интернет множеством «любительских» шрифтов, а также их подделками, вариациями и побочными продуктами — найти название этого шрифта становится намного сложнее.

    Эйприл вспоминает, как во время учебы в школе дизайна ей приходилось заучивать названия шрифтов. «Частью нашего курса« Введение в типографику »было запоминание шрифтов для идентификации», — говорит она. «Сначала это было довольно сложно, но потом стало весело ездить и иметь возможность определять шрифты, используемые в вывесках и тому подобное. Я и мои соседи по комнате ехали в Рединг, штат Пенсильвания, чтобы позвонить в Dairy Queen, и мы кричали: «Бенгуит! Бродяга! Eeeeew, Curlz! »

    Бретт Николс, основатель / креативный директор дизайнерской фирмы Element 28 из Нью-Джерси, изначально склонен придерживаться аналогичного подхода, заложенного в его обучении дизайну.«Честно говоря, я довольно хорошо умею определять шрифт или его происхождение из-за того, как меня учили в RIT», — говорит он. «Один из моих преподавателей потребовал, чтобы каждый студент предоставлял три разных набора шрифтов, нарисованных вручную, каждую неделю — 10 недель занятий. Один карандашом, один ручкой, один кистью КАЖДОГО шрифта. Королевская боль в заднице, но она помогла мне определить характеристики определенных стилей шрифтов, которые служат мне до сих пор ».

    Даже для таких профессионалов, как Оуэн Трой, идентификация места и даже веб-сайты не всегда приводят к прямому попаданию.«Как чемпион по правописанию, запоминающий чудаки, нарушающие правила, мне нужно только запомнить каталоги House, vllg и Hoefler & Co, чтобы не отставать от огромного процента шрифтов, которых нет на myfonts (если бы у меня был пенни за каждый раз, когда кто-то просил меня идентифицировать Neutra, Apex или Archer…) Бесплатные шрифты не часто являются тем, что люди ищут, потому что они, как правило, не слишком хороши, — добавляет он, — но dafont — хорошая резервная копия, которая систематизируется по довольно конкретным темам, а затем по популярности. , поэтому, когда, скажем, вас поразят Bleeding Cowboys или Tiza, их нетрудно найти.”

    Конечно, если шрифт уже является частью вашего проекта, было бы упущением не упомянуть нашу собственную технологию Font Sense ™, встроенную в Universal Type Server и Suitcase Fusion, которая идентифицирует, находит и активирует шрифты за вас. Вы также можете увидеть сравнение символов на уровне глифов, чтобы найти шрифт, похожий на шрифт в вашей коллекции, с помощью нашей уникальной технологии QuickMatch ™, встроенной в Universal Type Client.

    Примите участие в викторине «ID That Font» и выиграйте награду!

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

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

    Mystery font # 1 (Синий шрифт «Absolut»)

    Mystery font # 2

    Mystery font # 3

    Как найти шрифт веб-страницы с помощью инструмента проверки элементов и расширений браузера

    Здесь мы покажем, как вы можете легко идентифицировать шрифт с помощью инструмента Inspect Element вашего браузера, а также расширений.

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

    Возможно, вы натолкнулись на привлекательный сайт во время просмотра веб-страниц и хотите знать, какие шрифты на нем используются.С помощью онлайн-расширений и встроенного в ваш браузер инструмента Inspect Element определить шрифт можно быстро и легко.

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

    Процесс определения шрифта с помощью инструмента Inspect Element довольно прост, и вам не потребуются навыки программирования.Этот инструмент доступен во всех браузерах, представленных на рынке, и у каждого из них схожая компоновка.

    Вот как определить шрифт с помощью инструмента Inspect в вашем браузере.

    1. Откройте веб-сайт, который хотите использовать.
    2. Выделите текст с шрифтом, который вы хотите идентифицировать, и щелкните его правой кнопкой мыши.
    3. Щелкните Осмотреть в контекстном меню.
    4. Когда откроется меню Inspect, нажмите на Computed .
    5. Прокрутите вниз, чтобы найти раздел Font-Family . Здесь вы можете найти название и стиль шрифта, а также его размеры.

    Другие способы использования инструмента Inspect

    Если вам нужен более быстрый способ найти шрифт сайта с помощью инструмента Inspect, попробуйте вместо этого следующее:

    1. Откройте веб-сайт, который хотите использовать.
    2. Нажмите Ctrl + Shift + C ( Cmd + Shift + C на Mac).
    3. Наведите указатель мыши на текст, чтобы отобразить стиль, размер, цветовой код и поля шрифта.

    Вы также можете проверить список шрифтов, используемых на веб-странице, с помощью инструмента Inspect.Вот как это сделать:

    1. Перейти на веб-страницу.
    2. Откройте исходный код, нажав Ctrl + Shift + I ( Cmd + Shift + I на Mac).
    3. Щелкните вкладку Network , а затем выберите вкладку Font .
    4. Здесь вы увидите список всех шрифтов, используемых на веб-странице.

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

    Связанный: Как увеличить или уменьшить размер шрифта в Firefox

    Как определять шрифты с помощью расширений браузера

    Если вам нужен более удобный способ идентификации шрифта, вы можете установить расширение браузера для поиска шрифтов.Хотя существует несколько расширений браузера, которые могут помочь обнаруживать шрифты в Интернете, два самых популярных — это WhatFont и Font Finder .

    Давайте посмотрим на процесс идентификации шрифтов с использованием обоих расширений.

    1. WhatFont

    WhatFont широко популярен для быстрого обнаружения нескольких шрифтов одновременно. Вот как использовать этот инструмент.

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

    Загрузить: WhatFont для Chrome | Firefox | Safari (бесплатно)

    2. Поиск шрифтов

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

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

    Вот как проверить шрифт с помощью Font Finder:

    1. Выделите часть текста на веб-странице.
    2. Щелкните его правой кнопкой мыши и выберите Font Finder из контекстного меню.
    3. Выберите Заменить шрифт на и введите имя шрифта.Давайте добавим Calibri и посмотрим, как он меняет шрифт в превью.
    4. Если вы хотите сбросить шрифт, обновите страницу.

    Загрузить: FontFinder для Chrome | Edge | Firefox (бесплатно)

    А как насчет проверки шрифта на изображении?

    Если вы хотите идентифицировать шрифты в изображении, расширения браузера и инструмент Inspect вашего браузера могут не помочь.Однако вы можете попробовать инструменты онлайн-инспектора изображений, такие как WhatFontIs, FontSquirrel, Fontspring, WhatTheFont и многие другие.

    Процесс определения шрифта на изображении в основном одинаков во всех инструментах. Попробуем определить шрифт на изображении с помощью WhatTheFont.

    1. Если вы еще этого не сделали, загрузите изображение, которое хотите использовать.
    2. Импортируйте изображение в WhatTheFont.
    3. WhatTheFont автоматически обнаружит текст на вашем изображении. Уменьшите или увеличьте рамку кадрирования, чтобы она окружала шрифт, который вы хотите идентифицировать. Когда закончите, нажмите кнопку со стрелкой .
    4. WhatTheFont затем сопоставит шрифт на изображении со шрифтами в своей галерее и покажет вам тесно связанные шрифты.
    5. Если вы не можете сразу найти подходящее совпадение, вы можете продолжать нажимать Показать больше результатов , чтобы увидеть больше связанных шрифтов.

    Связанный: Лучшие сайты бесплатных шрифтов для бесплатных шрифтов в Интернете

    Находите шрифты из Интернета и используйте их в своих проектах

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

    WhatTheFont и 4 альтернативы для поиска шрифтов из изображений

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

    Читать далее

    Об авторе Шан Абдул (Опубликовано 60 статей)

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

    Более От Шан Абдул
    Подпишитесь на нашу рассылку новостей

    Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

    Нажмите здесь, чтобы подписаться

    Как узнать, какой шрифт на странице

    Обновлено: 31.12.2020, Computer Hope

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

    Шрифт в документе

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

    Шрифт на веб-странице

    Через текстовый редактор или текстовый редактор

    Вы можете выделить текст на веб-странице, для которого хотите определить шрифт.Скопируйте этот текст (щелкните правой кнопкой мыши и выберите Копировать или нажмите Ctrl + C на клавиатуре). Откройте текстовый редактор или текстовый редактор и вставьте (щелкните правой кнопкой мыши и выберите Вставить или нажмите Ctrl + V на клавиатуре) текст в новый документ. Снова выделите текст в текстовом редакторе и посмотрите на параметр шрифта на панели инструментов. Он должен отображать, какой тип шрифта используется для этого текста.

    Через плагин

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

    Примечание

    Хотя существует множество бесплатных приложений, загрузка некоторых из них стоит денег.

    Через исходный код

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

    Кончик

    Во многих веб-браузерах вы можете просмотреть исходный код, нажав Ctrl + U или нажав F12 .

    Что такое шрифт? 5 способов найти название любого шрифта

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

    Когда вы неправильно выбрали шрифт — например, используете Comic Sans — ваш читатель может сделать неблагоприятные предположения о вас.

    С засечками или без засечек?

    Первое, что вам нужно решить, это использовать шрифт с засечками или без засечек.

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

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

    Один из самых популярных шрифтов с засечками, используемых сегодня, — это Times New Roman.

    Первый шрифт без засечек появился в 1816 году и явился результатом стилистической разработки.Шрифты без засечек стали более популярными в середине 20-го века, когда мир перешел в послевоенное время. Самый известный из них — Helvetica, созданный в 1957 году швейцарским дизайнером Максом Мидингером.

    Итак, что выбрать: с засечками или без засечек?

    Наиболее читаемый тип шрифта зависит от вашего издательского носителя.

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

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

    Но если вы публикуете в печати, тогда шрифт с засечками может быть лучшим выбором, особенно если много текста с меньшим размером шрифта.

    Исследования, касающиеся удобочитаемости шрифтов

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

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

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

    И Apple, и Microsoft используют шрифт без засечек в качестве системного шрифта по умолчанию; Apple использует Сан-Франциско, а Microsoft использует Segoe.

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

    Сначала загрузите файл .zip с новым шрифтом. Некоторые шрифты бесплатны и имеют открытый исходный код; другие шрифты, например Helvetica, необходимо покупать.

    В Google Fonts вы можете получить доступ к широкому спектру шрифтов с открытым исходным кодом. Но если вам нужно купить шрифт, у Monotype на fonts.com есть широкий выбор.

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

    Для установки шрифта в Windows формат шрифта должен быть True Type Font или Open Type Font .

    1. Посмотрите в окне папки в столбце Тип и убедитесь, что у вас правильный формат.

    Чтобы установить шрифт, щелкните каждый файл правой кнопкой мыши и выберите «Установить». Если у вас есть права администратора, вы можете установить шрифт для всех пользователей машины.

    Когда вы загрузите новый шрифт, он, скорее всего, будет доставлен в виде сжатого zip-файла. Дважды щелкните загрузку, чтобы извлечь все файлы; Mac OS извлечет их в новую папку для вас.

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

    Мы рекомендуем вам установить версию TTF или True Type Font .

    1. Дважды щелкните файл TTF, откроется окно предварительного просмотра шрифта.

    Нажмите кнопку «Установить шрифт » в окне предварительного просмотра, чтобы добавить шрифт на свой компьютер. Книга шрифтов вашего Mac загружается после установки и отображает новый шрифт вместе со списком всех шрифтов, имеющихся на вашем компьютере.

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

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

    Использует ли ваша компания в настоящее время электронную почту как часть вашей маркетинговой стратегии? Вам нужна помощь в создании и автоматизации ваших электронных писем или вы хотите повысить их вовлеченность?

    Здесь, в Swift Digital, мы можем помочь вам с вашим почтовым маркетингом, предоставив советы по передовым методам электронного маркетинга, которые сделают вашу почтовую кампанию успешной!

    Чтобы узнать, как ваш бизнес может извлечь максимальную пользу из платформы Swift Digital, свяжитесь с нашей командой сегодня по телефону 02 9929 700

    Не забудьте поделиться этим постом!

    Просмотр и печать шрифтов на Mac в книге шрифтов

    Если панель предварительного просмотра не отображается, выберите «Просмотр»> «Показать предварительный просмотр».

    1. В приложении Font Book на вашем Mac выберите коллекцию шрифтов на боковой панели, чтобы увидеть шрифты в ней:

      • Все шрифты: Каждый шрифт, связанный с коллекциями компьютера и пользователя, а также дополнительные системные шрифты доступны для загрузки. Эта коллекция отображается в окне «Шрифты» в приложении.

      • Компьютер: Шрифты, установленные в папке Fonts в системной библиотеке (/ Library / Fonts /), и дополнительные системные шрифты, доступные для загрузки.Эта коллекция отображается только в том случае, если коллекция User содержит шрифты.

      • Пользователь: Шрифты, установленные в папке Fonts в вашей домашней библиотеке (~ / Library / Fonts /). Чтобы показать свою домашнюю папку библиотеки, нажмите и удерживайте клавишу Option, затем в Finder выберите «Перейти»> «Библиотека».

      Если вы создаете библиотеку, она также указана в этом разделе боковой панели.

    2. Выберите семейство шрифтов или один или несколько шрифтов.

    3. При необходимости измените предварительный просмотр, нажав одну из этих кнопок на панели инструментов:

      • Пример : Отображает образец символов, используя алфавит или скрипт для основного языка, установленного в разделе «Язык и регион» предпочтения.Если шрифт поддерживает несколько языков, вы можете изменить язык, используемый для отображения образца, выбрав «Просмотр»> «Язык».

      • Репертуар : Отображает сетку, показывающую доступные символы и символы или глифы. Перетащите ползунок справа от предварительного просмотра, чтобы настроить их размер.

        Чтобы отобразить имя Unicode и кодовую точку для символа или символа, удерживайте указатель над ним.

      • Custom : Отображает блоки текста, показывающие каждый стиль.Щелкните блок текста, затем введите текст, чтобы увидеть его в этом стиле.

      • Информация : Отображает информацию о шрифте, такую ​​как его производитель и расположение на вашем Mac.

    Оставить комментарий

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *