Что за «кодовый» шрифт в рекламных роликах и фильмах? | by Andrew Crites

Вы, наверное, видели такие вещи, как изображение статьи или вот это:

или это:

в фильмах, телешоу, рекламе и т. д.

Если вы не являетесь разработчиком программного обеспечения или мало что знаете о разработке программного обеспечения, вы, возможно, задаетесь вопросом: «Что это за кодовый шрифт ?» Или, может быть, вы не задавались вопросом — может быть, вы просто считаете само собой разумеющимся, что всем разработчикам нравится работать в какой-то таинственной среде, которая печатает только роботизированный шрифт так, как его могут понять компьютеры и компьютерные гении. На самом деле «кодовый шрифт» — это гораздо больше, чем вы думаете, и причины его использования имеют смысл.

Так что же это за шрифт?

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

На самом деле не существует ни одного моноширинного шрифта. Доступно множество различных моноширинных шрифтов.

Courier и Courier new:

Courier, моноширинный шрифт, представленный в 1955 и используется пишущими машинкамиCourier NewFiracode, популярный современный шрифт для разработки программного обеспечения

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

Зачем использовать моноширинный шрифт?

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

Мой терминал: Пользовательские цвета и прозрачность

Разработчики почти всегда используют моноширинный шрифт, потому что мы читаем код не так, как текст. Вы можете понять значение большого блока текста, бегло взглянув на части слов и на то, как они сочетаются друг с другом. На самом деле, msot poelpe может воспроизвести сетакны с фильтрами, перемешанными с фоном, так же сложно, как sirt и lsat звуки в основных точках.

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

Неизвестная опция «watchc.»

Отступы также особенно важны для разработчиков, потому что они позволяют нам увидеть, как «течет» наша программа. В некотором смысле код — это река, которая разветвляется на множество ответвлений или притоков. Когда вы запускаете программу, вы пускаете лодку вниз по реке и выбираете, какие ответвления выбрать. Например:

 если (число > 5): 
если (число % 2):
напечатать "A!"
иначе:
напечатать "Б!"
иначе если (число > 0):
напечатать "C!"
иначе:
напечатать "D!"

Это простая программа, которую вы можете прочитать следующим образом:

  • Если заданное число число больше 5…
  • …и делится на 2, выведите «A!»
  • … и это , а не , кратное 2, выведите «B!»
  • Если задано число , а не больше 5, а равно больше 0, выведите «C!»
  • Если ни одно из вышеперечисленных условий не было выполнено (т.е. число не больше 5 и число не больше 0 (т.е. число отрицательное)) выведите «D!»

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

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

Разработчики программного обеспечения научились читать этот код ветвления довольно рано. Код не читается как поэзия или проза. Вместо этого вы научитесь интерпретировать фрагменты кода как отдельные символы, которые вы сможете распознать по форме. , если (число > 5) имеет тот же визуальный эффект, что и…

Более того, отступ важен. Возвращаясь к приведенному выше примеру:

, если (число > 5): 
, если (число % 2):
, напечатайте "A!"
иначе:
напечатать "Б!"
иначе если (число > 0):
напечатать "C!"
иначе:
напечатать "D!"

Вы можете видеть, как код разветвляется по тому, насколько он отступлен. Вы можете видеть, что печатает "A!" отступает дальше, чем печатать "C!" . Это быстрый визуальный индикатор того, что печатает "A!" зависит от большего количества ветвей, чем выведите "C!" .

Сравните это с кодом без отступа:

 если (число > 5): 
если (число % 2):
напечатайте "A!"
еще:
печать "Б!"
иначе если (число > 0):
напечатать "C!"
иначе:
напечатать "D!"

Читать гораздо труднее. В частности, трудно точно сказать, как получить , напечатав «А!» . Зависит ли это от числа больше 5, четного, обоих или ни одного?

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

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

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

 если (число > 5): 
если (число % 2):
напечатать "A!"
иначе:
напечатать "Б!"
иначе если (число > 0):
напечатать "C!"
иначе:
напечатать "D!"

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

 | Люди | Оценка | 
------------------
| 1 | 2 |
| 3 | 4 |
| 10 | 12 |
| 146 | 283 |

Если вы скопируете и вставите это, вот что вы получите с пропорциональным шрифтом:

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

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

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

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

Что делает этот известный пример кода?

Избранное изображение для этой статьи

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

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

 if(число>5):if(число%2):напечатать "A!"else:напечатать "B!";elseif(число>0):напечатать "C!"else:напечатать "D!" 

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

Так зачем это делать? Это часто делается с помощью JavaScript — кода, который запускает веб-сайты, — чтобы уменьшить размер кода. Когда вы переходите на веб-сайт, ваш браузер должен загрузить код JavaScript, чтобы веб-сайт работал. Браузер не заботится о пробелах в коде JavaScript. Если ему нужно загрузить пустое место, это просто больше для загрузки. Это может показаться нелогичным, но пробелы на самом деле считаются памятью. Поскольку браузер не заботится об этих пробелах, а загруженный код не нужно читать людям при нормальных обстоятельствах, разработчики программного обеспечения часто используют программу для удаления лишнего пространства, чтобы сделать загрузку меньше и быстрее — и сделать их сайт загружается меньше времени.

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

Но что на самом деле делает код с картинки?

Трудно точно сказать, что он делает, так как этот код вырван из контекста, а некоторые его части отсутствуют или размыты. Минификация также переименовывает переменные, поэтому в коде много вещей с именами 9.0009 a , b и c , которые для человека ничего не значат — опять же, браузеру все равно, какие имена. Первоначальные имена, вероятно, были такими, как counter , избранное , error и т. д., но я понятия не имею, какими они были изначально.

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

Также может проверяться, какой браузер использует пользователь. Если они используют Internet Explorer, сделайте X. В противном случае сделайте Y.

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

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

Он точно не предназначен для чтения человеком. Это просто голливудский обман!

‎WhatTheFont в App Store

Описание

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

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

WhatTheFont работает на основе искусственного интеллекта, что делает его быстрым и простым в использовании. Предоставлено вам дружелюбными людьми из MyFonts.

Версия 2.3

Исправлены ошибки.

Рейтинги и обзоры

79 оценок

Возьмите результаты с щепоткой соли!

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

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

Однако в тех случаях, когда я знаю шрифт, он не дает хороших ответов. Кажется, он вообще не распознает шрифты Microsoft Word (хотя и знает о Trebuchet).

Не годится для старых шрифтов. Может лучше на новые?

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

Очень полезный инструмент

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

Автор записи

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

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