Нестандартные шрифты в верстке: почему shit happens?
Например, посмотрите ILovePSD. Однако даже при соблюдении всех написанных гайдов, может возникнуть сложная ситуация — например, в случае, когда заказчик настаивает на использовании конкретного нестандартного шрифта.
Под давлением руководитель проекта «пропускает» указанный шрифт, дизайнер применяет его, заказчик утверждает. А веселее всех придется верстальщику.
Сначала немного теории
Небольшая иллюстрация:
Загадка: будут ли шестерни вращаться на конструкции номер 4?
Пусть вот эта эволюция шестеренок показывает то, как создается интернет-проект. А иконки человечков выше — будут специалистами, отвечающими за каждый этап работ.
Значит ли это, что первый работник более свободен в «производстве»? Что, к примеру, он может выточить шестеренку не с восемью зубцами, а с двенадцатью и повернуть ее на угол в 37,5 градусов? Значит ли это, что замыкающий производство работник должен больше всех париться: чтобы его шестеренка подошла по диаметру, положению, углу поворота?
Два раза нет. Чтобы производство происходило без сбоев и задержек, каждый из работников должен учитывать специфику работы на следующих этапах. Отгружать качественный продукт и не создавать лишней работы ни другим, ни себе в будущем.
Все стараются следовать указанной заповеди, но, как мы уже увидели, это не всегда получается. Иногда по неосторожности дизайнера, иногда по необдуманности решения PM’а, иногда из-за упертости заказчика.
Что делать верстальщику, когда в макете утвержден «небезопасный» шрифт?
Ну, все, кто знаком с версткой, знают про таблицы безопасных шрифтов:
С этими проблем не возникает: верстальщик задает в CSS шрифты в последовательности приоритетов — шрифты отображаются корректно под любыми браузерами.
Но если шрифт «небезопасный»?
Нам не подходит вариант с картинками вместо текста — это вообще ни в какие стандарты качества не лезет.
Вариант 1.![](/800/600/https/i.pinimg.com/originals/66/54/31/665431d3ddcf36c727e4d88b1d2d7acb.jpg)
Гугл создал свою базу шрифтов, которыми можно свободно пользоваться при создании дизайна и не задумываться о последствиях. Когда верстальщик получит макет, он просто укажет путь к нужному шрифту на сервере Гугла.
Корпорация Добра подарила миру целую кучу полезных вещей и не останавливается на этом.
Однако вариант с Google Web Fonts не всегда оказывается пригодным. Например, если дизайнер использовал шрифт, которого нет в базе (а там не так уж много кириллических шрифтов). Что делать? Менять на другой нельзя, потому что макет утвержден.
Вариант 2. Значение @face-font для CSS
Для того, чтобы заработал этот способ, нужно произвести чуть больше действий. Вы находите нужный шрифт у себя на винчестере или в любой базе бесплатных шрифтов, загружаете в конвертер (например, в этот), получаете архив с готовым фрагментом кода и вашим шрифтом во всех возможных форматах.
Далее задача верстальщика сводится к прописыванию в CSS полученного кода и — сайт преображается в то, что себе представлял дизайнер.
Причем подо всеми браузерами. К примеру, старый IE 6 «ест» только шрифты в формате EOT, и благодаря @face-font вы получите корректное отображение шрифта на сайте и под IE (он будет ссылаться на файл в формате EOT, другие браузеры будут «тянуть» привычные им форматы TTF, OTF, SVG или даже WOFF).
Начальник, у нас проблемы! А именно, проблема кроется в словах: «или в любой базе бесплатных шрифтов». Наиболее уважаемые конвертеры (с лучшим результатом на выходе) отказываются генерировать платные шрифты, а остальные чаще всего генерируют их некорректно. Получается, что и этот способ не всегда подходит.
Есть такая вещица, как Cufon. Состоит из двух частей: генератора шрифта (внешне работает по принципу конвертера из прошлого примера) и движка для рендеринга. Второй нужно скачать и подключить к вашему документу.
Итак, загружаем шрифт, тот преобразуется в некий промежуточный формат. Верстальщик выбирает элементы для прорисовки (да, именно для прорисовки — здесь шрифты будут «вырастать» на странице сайта в реальном времени путем рендеринга).
Получаем результат, который более-менее адекватно выглядит под разными браузерами.
Но!
У Cufon’а есть свои недостатки. Например:
- Страница будет грузиться дольше, из-за загружаемых сторонних файлов.
- Выделение и копирование такого текста происходит проблематично.
- Пока скрипт не «отработал», пользователь видит текстовую страницу со стандартными шрифтами.
История одного проекта, или «Буква О какая-то советская»
У нас был один заказчик, которому очень понравился шрифт Myriad Pro, коим дизайнер оформил все заголовки. Клиент прямо-таки влюбился в шрифт.
Макет утвердили, всех все устраивало, руководитель проекта с чувством выполненного долга передал дизайн на верстку.
И началось.
Естественно, что в «шрифтах для веба» от Гугла его не нашлось.
Сначала попробовали стандартные способы с заменой на похожие DIN Pro и PT Sans (тогда мы еще не знали о влюбленности клиента). Ожидаемо, что получили несгибаемый отказ. Аргументация как раз была из разряда: «в этих ваших шрифтах буква О выглядит слишком по-советски».
Попробовали конвертировать c помощью той же «Белки» в шрифт, пригодный для веба. Но Myriad Pro — шрифт коммерческий. Под разными браузерами получалось не айс.
Вот так отображается шрифт под разными браузерами:
А в ТЗ четко написано о том, что сайт должен корректно отображаться подо всеми перечисленными.
В результате так и получилось: сменили Myriad Pro на альтернативный шрифт (в верхнем меню это PT Sans Bold):
Как вывод: современные веб-технологии, конечно, стремятся к тому, чтобы избавить разработчиков от разного рода ограничений. Возможно, когда-то даже самые смелые идеи и дизайнерские решения можно будет с легкостью воплощать в готовом продукте. Но пока на достойную реализацию таких «смелых идей» уходит довольно много времени и сил верстальщиков. Неоправданно много.
Избавьте себя и разработчиков от дополнительных заморочек, используйте безопасные и конвертируемые шрифты.
Нестандартные шрифты — это… Что такое Нестандартные шрифты?
Нестанда́ртные шрифты́ — компьютерные шрифты, расположение глифов в которых не соответствует общепринятым кодировкам. Такие шрифты могут включать в себя:
- знаки экзотических систем письма;
- технические символы;
- пиктограммы;
- декоративные символы.
Распространение нестандартных шрифтов началось одновременно с появлением в текстовых процессорах возможности переключения шрифтов — это позволяло неограниченно наращивать набор используемых знаков, не выходя при этом за рамки технологии 8-битных символов.
Нестандартные шрифты широко используются и при локализации игр: часто в играх применяется собственный шрифтовой движок, и, чтобы «вписаться» в его ограничения, иногда приходится корректировать кодировку. Изредка приходится «втискивать» в однобайтовую кодировку и русские буквы, и символы с умляутами (например, имена поворотов в автосимуляторах — см. схему автодрома Интерлагос).
В то же время использование нестандартных шрифтов влечёт и очевидные неудобства: при отсутствии доступа к конкретному шрифту невозможно определить, какой символ должен изображаться, поэтому при переносе документа на другой компьютер все нестандартные символы могут превратиться в кракозябры (то же самое происходит про просмотре веб-страниц на компьютере, где отсутствует конкретный нестандартный шрифт).
Юникод и нестандартные шрифты
Внедрение Юникода уменьшило потребность в нестандартных шрифтах, поскольку все широко используемые символы получили свои кодовые позиции. В Юникоде предусмотрена и возможность использования «пользовательских символов» — для них отведены отдельные области U+E000—U+F8FF и U+FFF80—U+10FFFF.
Наряду с этим существуют и такие шрифты, в которых нестандартные символы размещены «нелегально» — на позициях, отведённых для других символов. Особенно популярно размещение нестандартных символов в позициях 0x20—0xFF: это делает их доступными для программ, не использующих Юникод. Например, русские шрифты TrueType раньше часто делались так, что русские буквы занимали позиции U+00C0—U+00FF (позиции расширенной латиницы), вместо правильных U+0410—U+044F — это позволяло, например, работать с кириллицей в ранних нерусифицированных версиях Windows.
Примеры нестандартных шрифтов
Набор символов WebdingsWordPerfect поставлялся с большим набором нестандартных шрифтов (например, для кириллицы, греческого алфавита и т. д.). В своё время химиками широко использовался редактор ChiWriter, который имел собственный шрифтовой движок со встроенным редактором — но в нём была только первая половина кодовой таблицы. Так что русские пользователи создавали нестандартный шрифт, соответствующий русской клавиатурной раскладке (Q → Й и т.
Microsoft Windows включает несколько нестандартных шрифтов: Symbol (греческие буквы и математические символы), Wingdings (пиктограммы и декоративные символы), Webdings (пиктограммы).
Компания ПараТайп выпускала ряд нестандартных шрифтов: для русского в старой орфографии, для «азиатской кириллицы», для грузинского, армянского, древнегреческого и т. п.
Элементы управления внедренными шрифтами
Элементы управления внедренными шрифтамиВнедрение шрифтов
В программе Kofax PDF Create можно включать шрифты в PDF-документы. Внедрение шрифтов замедляет процесс создания PDF-файла и увеличивает его размер, но при этом гарантированно сохраняются форматирование и вид документа независимо от шрифтов, доступных на компьютере. Выберите стандартный элемент управления из указанных ниже.
Внедрять нестандартные шрифты (используется по умолчанию)
Внедрять все шрифты
Не внедрять шрифты
По умолчанию внедряются все шрифты, за исключением наиболее распространенных, которые должны быть на любом компьютере: обычно это Arial, Times New Roman, Courier и Symbol.
Чтобы просмотреть параметры каждого стандартного элемента управления, нажмите кнопку Дополнительно. Для уточнения параметров пользовательского элемента управления нажмите кнопку Создать, введите имя нового элемента управления, задайте необходимые параметры и нажмите кнопку «ОК».
Чтобы указать список шрифтов, внедряемых всегда, снимите флажок Внедрить все используемые шрифты, установите флажок Всегда внедрять шрифты, выберите по очереди нужные шрифты и с помощью кнопки со стрелкой вправо перенесите их на панель Всегда внедрять шрифты.
Чтобы активировать кнопки со стрелками, установите флажок рядом с ними и выберите шрифт. Чтобы изменить направление стрелки, нажмите кнопку с ней. Это позволяет добавлять шрифты в списки и удалять их.
Для внедрения всех шрифтов за исключением выбранных задайте параметр Встроить все используемые шрифты, а затем — Никогда не встраивать шрифты. Добавьте или удалите шрифты, чтобы список приобрел желаемый вид, и нажмите кнопку «ОК».
Примечание
У файлов шрифтов есть флажок, разрешающий или запрещающий их внедрение. Программа PDF Create учитывает этот параметр.
Для удаления элемента управления используйте кнопку Удалить. Чтобы вернуть параметрам элементов управления значения по умолчанию и удалить любые пользовательские элементы, нажмите кнопку По умолчанию.
Веб-типографика 101: Общие сведения о шрифтах, не относящихся к веб-сайтам
19 нояХороший дизайн требует отличной типографики. Хорошая типографика — это больше, чем просто убедиться, что слова разборчивы (но это тоже важно!). Картинка может стоить тысячи слов, но сможете ли вы создавать слова так же легко, как картинку?
С веб-дизайном может быть сложно добиться того, чтобы ваши слова отображались в точности так, как задумано, особенно когда вы используете нестандартные шрифты, не относящиеся к вебу. Это связано с тем, что при загрузке веб-страницы браузеру предлагается выводить текст на экран с использованием определенного шрифта. Чтобы все работало правильно, этот шрифт должен храниться на компьютере, на котором работает браузер. Если код веб-страницы требует шрифта, который пользователь не установил на своем компьютере, указанный шрифт не появится! Появится сообщение о том, что браузер выбрал заменяющий шрифт. Поскольку вы не можете контролировать эту замену, вы не можете контролировать то, что увидит пользователь. Иногда эти шрифты по умолчанию не очень приятны.
Есть только несколько универсальных шрифтов, которые считаются «веб-безопасными». Если вы используете что-то еще, вы рискуете, что ваш потрясающий дизайн не будет отображаться должным образом.
Что делает шрифты в Интернете безопасными?
Чтобы шрифт считался безопасным для Интернета, он должен быть общим для большинства браузеров. Помните, что если у посетителя сайта нет указанного шрифта, браузер выбирает альтернативу. Эта альтернатива может быть основана на заданных автором резервных шрифтах и общих семействах или может использовать замену шрифта, определяемую операционной системой посетителя.В операционных системах Windows и Mac установлены разные наборы шрифтов. Только шрифты, поддерживаемые обеими операционными системами, считаются веб-шрифтами.
Универсальными считаются только пять шрифтов:
- Arial
- Courier Новый
- Грузия
- Times New Roman
- Вердана
Почему резервные шрифты и изображения не подходят — около
Вы можете попытаться обойти проблему веб-шрифтов, определив резервный шрифт.Резервный шрифт — это резервный шрифт, который содержит символы для максимально возможного количества символов Юникода. Если браузер или ОС обнаруживают символ, который не является частью какого-либо из доступных шрифтов, вместо него используется символ из резервного шрифта. Обычно резервный шрифт будет содержать символы, представляющие различные типы символов Юникода. Если вы когда-нибудь видели сумасшедшего персонажа в строке темы спам-письма, это связано с использованием запасного шрифта. Вы же не хотите, чтобы ваш дизайн напоминал людям о спаме, поэтому запасные шрифты — не лучший вариант.
Вы можете попробовать заменить текст пользовательского шрифта изображением, но такой подход сопряжен с риском. Во-первых, поскольку это изображение, оно зависит от разрешения, но что еще более важно, когда вы используете изображения для текста, вы создаете совершенно новый набор проблем :
- Некоторые отключают изображения — в этом случае ваш текст вообще не появится.
- Фоновые изображения исчезают при использовании высококонтрастных таблиц стилей или в высококонтрастном режиме Windows.
- Ваше изображение может не загружаться.
- Ваше изображение может замедлить загрузку страницы.
Как видите, это не лучший способ разместить свои модные шрифты в Интернете. Давайте посмотрим, что будет работать, и рассмотрим плюсы и минусы каждого решения.
Четыре эффективных метода замены шрифтов
Хорошо, мы исключили резервные шрифты и заменили эти модные шрифты изображениями. Посмотрим, что сработает!
@ font-face
Это, безусловно, самое простое решение проблемы со шрифтами.@ font-face не требует никаких других веб-технологий, кроме CSS. Он позволяет вам загрузить файл шрифта из вашего CSS, а затем применить этот шрифт к стилю вашего HTML-текста. Вы должны быть знакомы с @fontface, но если вас нет, вот краткое руководство.
Плюсы:
- На основе CSS, нет JS
- Полностью доступен
- Легко реализовать без внешних плагинов
- Поддержка Unicode
- Поддержка стилей шрифтов (CSS)
Минусы:
- Ограничено шрифтами с открытым исходным кодом
- Некоторые шрифты могут быть тяжелыми для загрузки
- Нет единого формата файлов шрифтов для всех браузеров
- Распространение запрещено
Проблема распределения — большая проблема. Это означает, что вы не можете использовать этот метод для шаблонов или тем без предварительной защиты собственной лицензии на распространение.
Fonts.com
Fonts.com имеет специализированный сервис веб-шрифтов, который может похвастаться более чем 40 000 шрифтов, которые вы можете использовать в своем веб-дизайне. Это услуга на основе подписки, стоимость которой определяется ежемесячно. У них даже есть бесплатное ограниченное обслуживание, если вы хотите просто окунуться в воду, чтобы узнать, нравится ли вам это. По сравнению с Typekit (другой сервис шрифтов) ограничений на шрифты гораздо меньше.Бесплатный пакет ограничивает доступ до 8000 шрифтов, но стандартный пакет дает вам доступ ко всей библиотеке. Вы знаете, что с такой большой библиотекой шрифтов вы найдете отличные стандарты, такие как Helvetica, Univers и Franklin Gothic, а также удивительный набор пользовательских шрифтов.
Плюсы:
- Большой выбор шрифтов и стилей
- Эксклюзивный дом шрифтов Helvetica®, Frutiger®, Univers® и других знаменитых шрифтов
- Поддержка языков
Минусы:
- Ежемесячная плата, если вам нужно больше, чем ограниченная бесплатная услуга
- Ограничено их библиотекой (но она большая)
Шрифты Google
С тех пор, как Google впервые запустил свой API Google Fonts, сервис расширился и теперь включает более 700 шрифтов, которые бесплатно доступны для использования в ваших проектах. Несмотря на то, что все началось с небольшой коллекции, сервис с самого начала пользовался успехом. Теперь, когда доступна целая библиотека стилей, это, безусловно, одно из лучших бесплатных решений для пользовательских шрифтов. Мы упоминали, что это бесплатно?
Плюсы:
- На основе CSS, нет JS
- Полностью доступен
- Шрифты, размещенные в Google, часто кэшируются и загружаются очень быстро
- Простота внедрения
Минусы:
- Выбор ограничен набором бесплатных шрифтов
- Поскольку они широко используются, ваш дизайн может выглядеть не так уникально.
Типовой набор
Если вам нужны профессиональные или классические шрифты для корпоративного брендинга, Typekit определенно лучшее решение.В отличие от бесплатных сервисов, Typekit от Adobe позволяет встраивать популярные шрифты премиум-класса, такие как Futura, Meta и Cocon. Поскольку вы покупаете лицензию, распространение не является проблемой.
Плюсы:
- Самая большая библиотека шрифтов, включая классические гарнитуры
- Потому что это Adobe, это надежно
- Легко реализовать через онлайн-интерфейс Typekit
Минусы:
- Премиум-сервис с годовой платой в зависимости от необходимого количества шрифтов и просмотров страниц
Нет необходимости ограничивать свой дизайн лишь горсткой веб-шрифтов.С помощью небольшого количества CSS или использования надежной службы веб-шрифтов вы можете создавать уникальные красивые шрифты, которые соответствуют вашим потребностям, и быть уверенными в том, что ваш дизайн будет идеально отображаться. Все еще сомневаетесь, какой метод лучше? Просто свяжитесь с нами, и мы поможем вам выбрать решение, наиболее подходящее для вашего сайта. Как всегда, не стесняйтесь делиться своими мыслями и отзывами в комментариях ниже!
Что нужно знать об использовании шрифтов в электронном письме
Более новую версию этого блога можно найти здесь.
Шрифты являются важной частью вашей визуальной идентичности, поэтому, естественно, вы хотите использовать правильные шрифты в своих электронных письмах. Но иногда это невозможно. Есть много вопросов об использовании шрифтов в электронной почте, поэтому я собрал здесь некоторые мысли.
Какие из них безопасно использовать, почему вы не можете просто использовать любой шрифт, который хотите, в электронных письмах, и если вам действительно нужно использовать определенный шрифт, что вы делаете? Вот оно: полное руководство по использованию шрифтов в электронной почте.
Предупреждение, некоторые из них будут немного техничными.Но вы все равно сможете понять основные моменты, даже если не знакомы с кодированием HTML и CSS.
Почему я не могу использовать в электронных письмах какой-либо шрифт?
Почтовые клиенты (например, Outlook) могут отображать только шрифты, которые уже установлены на компьютерах получателей. Они просто не узнают новый корпоративный шрифт, который вы, возможно, используете в своих печатных материалах. Microsoft Word часто показывает большой выбор шрифтов, но то, что вы их установили, не означает, что все остальные делают это.Чтобы усложнить задачу, на компьютерах Apple и Windows по умолчанию установлены совершенно разные шрифты.
Какие шрифты безопасно использовать?
При выборе шрифтов в электронной почте нам нужно вернуться к наименьшему знаменателю: тем, которые обычно устанавливаются в большинстве версий Windows и Apple при первой установке. К счастью, мы можем перечислить семейство шрифтов, и почтовый клиент отобразит первый из них в списке, который он может использовать. Так обычно бывает:
1.шрифт Windows
2. шрифт Mac
3. общий шрифт, такой как serif, sans-serif, cursive, fantasy или моноширинный.
Вы можете найти полный список безопасных шрифтов в конце этого сообщения в блоге, но вот три наиболее часто используемых типа шрифтов без засечек:
- Arial, Helvetica, без засечек
- Verdana, Женева, без засечек
- «Trebuchet MS», Helvetica, без засечек
А как насчет веб-шрифтов в электронной почте?
Некоторые почтовые клиенты поддерживают @ font-face и @import в таблице стилей, что позволяет указать любой шрифт. Ваш шрифт должен быть откуда-то предоставлен, и мы рекомендуем разместить свой собственный с помощью @import или поставщика, такого как Google Fonts. Проблема в том, что список почтовых клиентов, которые его поддерживают, очень мал:
- Apple Mail
- iPhone
- iPad
- Android Mail (собственное приложение, не Gmail)
- Thunderbird
Использование изображений в качестве альтернативы
Если у вас есть определенный шрифт, который необходимо отображать, например, в заголовке, я советую вставить его как изображение.Основная проблема заключается в том, что он не появляется, если изображения не отображаются в определенном почтовом ящике и вы не можете редактировать его в редакторе HTML. В качестве резервной копии всегда включайте альтернативный тег, и вы также можете добавить встроенный стиль к изображению, чтобы установить размер и цвет альтернативного текста.
Установка шрифта с использованием встроенного CSS
При создании шаблонов дизайнеры электронной почты часто используют встроенный CSS для определения шрифта и размера. Это может быть применено к таблице или ячейке таблицы. Опять же, Outlook может вызвать несколько проблем, поскольку он не запоминает шрифт родительской таблицы, а по умолчанию установлен Times New Roman.Поэтому, если вам нужно что-то еще, шрифт необходимо указать для каждой вложенной таблицы, например:
А как насчет размера шрифта?
Есть несколько способов установить размер шрифта и разные мнения о том, какой из них лучше.
Em часто предпочитают в Интернете, потому что он масштабируется до размера экрана, что делает его идеальным для создания адаптивных веб-сайтов. Он работает, устанавливая базовый уровень, поэтому, если вы установите его на 100%, он скажет браузерам использовать размер по умолчанию (обычно 16 пикселей).Но это не работает со шрифтами в электронной почте, поскольку почтовые клиенты имеют разные размеры по умолчанию.
Percent — еще один масштабируемый блок шрифта, аналогичный em , за исключением того, что 100% всегда будет соответствовать размеру по умолчанию.
Point (pt) иногда используется. Одна точка равна 1/72 дюйма. Но зачем использовать устройство, возвращающееся к полиграфической промышленности?
На мой взгляд, пиксель — лучший вариант. Дизайн электронной почты часто идеален до пикселя — много нарезанных изображений в разных ячейках таблицы, которые должны выглядеть безупречно.Имеет смысл заставить ваш текст вести себя подобным образом. Вот пример.
Выделение текста
Есть несколько способов выделить слово или фразу.
Если вы используете HTML-редактор, полужирным шрифтом вставляются вокруг текста. Этот тег несколько обесценился в веб-дизайне в пользу , но он по-прежнему используется в электронной почте. Толщина шрифта также может быть записана как встроенный стиль:
Курсив иногда используется для выделения и названий произведений.Редактор HTML вставит тег вокруг текста, который вы хотите выделить курсивом. Если он добавлен в код шаблона как встроенный стиль, ваш дизайнер может использовать следующее:
Подчеркивание следует использовать только для гиперссылок как средства навигации к другому документу, а не для выделения. Читателя очень сбивает с толку подчеркнутый текст, который не является ссылкой!
А что с мобильным телефоном?
Вы можете установить большой размер шрифта для экранов мобильных устройств.Это можно установить с помощью медиа-запросов. Рекомендуемый размер текста в электронном письме — 14 пикселей, но вы можете увеличить его до 16 пикселей для мобильных устройств.
Вывод?
Конечно, вы должны принять решение в соответствии со своими приоритетами, но я боюсь, что на данном этапе кодирование электронной почты не так рискованно, как нам хотелось бы. По крайней мере, пока. Поэтому я бы посоветовал как можно больше придерживаться безопасных шрифтов в электронной почте.
Как и было обещано, вот полный список безопасных шрифтов:
- Arial, Helvetica, без засечек
- «Arial Black», гаджет, без засечек
- «Книжник в старом стиле», с засечками
- ‘Comic Sans MS’, курсив
- Courier, моноширинный
- «Courier New», Courier, моноширинный
- Garamond, засечка
- Грузия, с засечками
- Impact, уголь, без засечек
- «Lucida Console», Монако, моноширинный
- «Lucida Sans Unicode», «Lucida Grande», без засечек
- «MS Sans Serif», Женева, без засечек; Семейство шрифтов
- : «MS Serif», «New York», без засечек;
- «Palatino Linotype», «Book Antiqua», Palatino, с засечками;
- Символ, без засечек
- Тахома, Женева, без засечек
- ‘Times New Roman’, Times, serif
- «Trebuchet MS», Helvetica, без засечек
- Verdana, Женева, без засечек
- Webdings, без засечек
- Wingdings, ‘Zapf Dingbats’, без засечек
Upland Adestra помогает повысить вовлеченность с помощью мощных средств персонализации, сегментации и аналитики. Закажите демо сегодня.
Если ваш распечатанный документ содержит нестандартные шрифты
Режим обучения улучшает качество распознавания текста для документов с декоративными шрифтами или документов, содержащих специальные символы (например, математические символы).
Примечание: Не рекомендуется использовать режим обучения в других случаях, так как улучшение качества распознавания будет незначительным по сравнению с временем и усилиями, которые вы потратите на обучение.
В режиме обучения создается пользовательский шаблон, который можно использовать при выполнении распознавания текста для всего текста.
Использование пользовательских шаблоновЧтобы использовать шаблон для распознавания документа:
- Откройте диалоговое окно Параметры ( Инструменты> Параметры… ), а затем щелкните вкладку Чтение .
- В разделе Обучение выберите параметр Использовать только пользовательский шаблон .
Примечание: Если вы выберете Использовать встроенные и пользовательские шаблоны , ABBYY FineReader 12 будет использовать как пользовательские, так и заводские шаблоны для распознавания текста.
- Нажмите кнопку Pattern Editor… .
- В диалоговом окне «Редактор паттернов » выберите требуемый узор и нажмите «», «ОК» .
- В главном окне ABBYY FineReader нажмите кнопку Прочитать .
Чтобы обучить пользовательский шаблон распознавать новые символы и лигатуры:
- Откройте диалоговое окно Параметры ( Инструменты> Параметры… ), а затем щелкните вкладку Чтение .
- В разделе Обучение выберите Использовать встроенные и пользовательские шаблоны или Использовать только пользовательский шаблон .
- Выберите опцию Чтение с обучением .
- Нажмите кнопку Pattern Editor… .
Примечание. Обучение по шаблону не поддерживается для азиатских языков.
- В диалоговом окне Pattern Editor щелкните New…
- Откроется диалоговое окно Create Pattern . Введите имя пользовательского шаблона и нажмите OK .
- Закройте диалоговое окно Pattern Editor и Options , нажав в каждом из них кнопку OK .
- На панели инструментов в верхней части окна Изображение щелкните Читать .
Теперь, если ABBYY FineReader встречает неизвестный символ, этот символ будет отображаться в диалоговом окне Pattern Training .
- Научите программу читать новые символов и лигатуры .
Лигатура — это комбинация двух или трех символов, которые «склеены вместе» (например, fi, fl, ffi и т. Д.) и их сложно разделить. Фактически, лучшие результаты можно получить, рассматривая их как отдельные составные символы.
Примечание: Слова, напечатанные в тексте жирным или курсивом, или слова в верхнем или нижнем индексе могут быть сохранены в распознанном тексте, выбрав соответствующие параметры в Эффекты .
Чтобы вернуться к ранее обученному персонажу, нажмите кнопку Назад . Рамка переместится на свое предыдущее место, и последнее обученное соответствие «изображение персонажа — символ клавиатуры» будет удалено из шаблона.Кнопка Назад позволяет перемещаться между символами одного слова и не перемещается между словами.
Важно!
- Вы можете обучить ABBYY FineReader только чтению символов, входящих в алфавит языка распознавания. Чтобы научить программу читать символы, которые нельзя ввести с клавиатуры, используйте комбинацию из двух символов для обозначения этих несуществующих символов или скопируйте нужный символ из диалогового окна Insert Character (щелкните, чтобы открыть диалоговое окно).
- Каждый шаблон может содержать до 1000 новых символов. Однако избегайте создания слишком большого количества лигатур, так как это может отрицательно повлиять на качество распознавания текста.
ABBYY FineReader позволяет использовать шаблоны для улучшения качества распознавания текста
- В меню Инструменты щелкните Редактор паттернов… .
- В диалоговом окне «Редактор паттернов » выберите требуемый узор из списка доступных узоров и нажмите « Активировать ».
Некоторые важные моменты, о которых следует помнить :
- Вместо того, чтобы различать несколько похожих, но разных символов, ABBYY FineReader распознает их как один и тот же символ. Например, прямые (‘), левые (‘) и правые (’) кавычки будут сохранены в шаблоне как один символ (прямая кавычка). Это означает, что левая и правая кавычки никогда не будут использоваться в распознанном тексте, даже если вы попытаетесь их обучить.
- Для некоторых изображений символов ABBYY FineReader выберет соответствующий символ клавиатуры в зависимости от окружающего контекста.Например, изображение маленького кружка будет распознано как буква O, если рядом с ним есть буквы, и как цифра 0, если рядом с ним есть цифры.
- Шаблон можно использовать только для документов, которые имеют тот же шрифт, размер шрифта и разрешение, что и документ, использованный для создания шаблона.
- Чтобы использовать узор позже, сохраните его в файл. См. «Что такое документ FineReader?» для подробностей.
- Чтобы распознать текст, установленный другим шрифтом, обязательно отключите пользовательский шаблон, выбрав опцию Использовать только встроенные шаблоны в меню Инструменты> Параметры…> Читать .
Возможно, вы захотите отредактировать вновь созданный шаблон перед запуском процесса распознавания текста. Неправильно обученный шаблон может отрицательно повлиять на качество распознавания текста. Шаблон должен содержать только целые символы или лигатуры. Символы с обрезанными краями и символы с неправильным буквенным соответствием должны быть удалены из шаблона.
- В меню Инструменты щелкните Редактор паттернов… .
- Откроется диалоговое окно «Редактор паттернов » . Выберите желаемый узор и нажмите кнопку Edit… .
- В открывшемся диалоговом окне User Pattern выберите символ и нажмите кнопку Properties… .
В открывшемся диалоговом окне:
- Введите букву, соответствующую символу в поле Символ
- Укажите желаемый эффект шрифта (полужирный, курсив, надстрочный и подстрочный) в поле Эффект .
Нажмите кнопку Удалить в диалоговом окне Пользовательский шаблон , чтобы удалить неправильно обученный символ.
Встраивание шрифтов в презентацию с нестандартными шрифтами
ПРОЧИТАТЬ ПОЗЖЕ — СКАЧАТЬ ЭТОТ ПОСТ В формате PDF >> НАЖМИТЕ ЗДЕСЬ <<
Вы помешаны на шрифтах? Вы просто ЛЮБИТЕ интересные шрифты? Должен признать, что я идиот по шрифтам, который с трудом может отличить Arial, Tahoma и Verdana, если только они не находятся рядом друг с другом.Даже тогда я не знал, что есть что. Дизайнеры приходят в ужас, когда я им это говорю!
Шрифты могут быть забавными, но с ними нужно быть осторожным:
- Они должны быть разборчивыми!
- Они не должны отвлекать от вашего сообщения
- Они не обязательно доступны на каждом компьютере.
Это может быть ужасно, когда вы открываете презентацию на другом компьютере и все шрифты неправильные!
Что делать?
Рукоять с предохранителем
Вы можете использовать шрифты, которые являются стандартными для всех или большинства компьютеров. Даже в этом случае, если вам придется переключаться между ПК и Mac, вы обнаружите, что текст отображается по-другому и занимает другое место. Например, строка текста будет переноситься по-другому — и, вероятно, будет выглядеть ужасно!
Встроить шрифты
PowerPoint позволяет вставлять шрифты. Это означает, что шрифты встроены в файл презентации, и другой компьютер должен иметь возможность отображать их. Есть некоторые ограничения. Например, этот процесс работает только для шрифтов TrueType (TTF) и шрифтов OpenType (OTF).Вот техника:
- Выберите «Файл»> «Параметры».
- Нажмите «Сохранить»
- Установите флажок «Встраивать шрифты в файл».
- Выберите, вставлять ли только используемые символы или все символы.
- Нажмите ОК.
Вы можете получить загадочное сообщение о том, что некоторые из ваших шрифтов не могут быть сохранены вместе с презентацией. Вот тот, который я видел
Сценарий кисти стандартно: причина: общий сбой
Но эта техника может работать хорошо. Здесь вы видите разницу в двух слайдах, с встраиванием и без.
Без заделки
После встраивания шрифтов
Использовать картинку
Другой способ — использовать вместо этого изображение. Изображение вверху этого сообщения в блоге было сделано именно так. Он состоит из фигуры и текстовых полей, но я выделил их все, щелкнул правой кнопкой мыши и выбрал «Сохранить как рисунок». Потом вставил картинку. Таким образом, я знал, что он будет выглядеть одинаково на любом устройстве.
Были ли у вас проблемы со шрифтами? Как вы их решили? Оставить комментарий!
ПРОЧИТАТЬ ПОЗЖЕ — СКАЧАТЬ ЭТОТ ПОСТ В формате PDF >> НАЖМИТЕ ЗДЕСЬ <<
Различия и применение • Силос Creativo
$ 89
Все наши премиальные темы в наборе тем
Секрет! Мы любим шрифты в SiloCreativo… Мы думаем, что они являются ключом к успеху хорошего веб-дизайна. Они несут ответственность за управление контентом и предлагают его посетителю в ясной и разборчивой форме, адаптированной к предпочтениям, определенным им в форме браузера; шрифты — это, в конечном счете, топливо веб-сайта. Без них невозможно начать, так что берегите их! 🙂
Однако, чтобы работать с ними над веб-дизайном, вам необходимо знать некоторые концепции, чтобы соответствовать ряду «технических» приоритетов. Если вы из мира графического дизайна, они вам идеально подойдут. Знать, что шрифт для рабочего стола — это не то же самое, что и веб-шрифт. t — первое правило!
Веб-шрифты против настольных шрифтов: форматирование и использование
Основное различие между настольным шрифтом и веб-шрифтом состоит в том, что первый из них предназначен для установки на ваш компьютер и готов к использованию в приложениях, также установленных в вашей системе (например, Word, Photoshop, Illustrator …). Обычно они имеют .otf .ttf или .ps1 расширение, соответствующее OpenType, TrueType или PostScript.
С другой стороны, веб-шрифт — это шрифт, специально разработанный для использования на веб-страницах, и в него загружается объявление CSS @ font-face. Это заставляет браузер пользователя загружать веб-шрифты и правильно отображать текст.
Веб-шрифт обычно обслуживается в четырех форматах : TrueType, WOFF, EOT и SVG . Совместимость браузера достигается только с четырьмя форматами, поскольку каждый браузер использует формат.😉
Еще одна очень важная особенность шрифтов в веб-дизайне: веб-шрифты не могут быть установлены в системе для использования в приложениях, и то же самое происходит в обратном порядке. У них разные форматы.
Однако есть некоторые стандартные вызовы шрифтов « Safe WebFonts », которые только с помощью CSS отображаются правильно. Никаких файлов TrueType, WOFF, SVG или EOT не требуется. Но список короткий и ограниченный:
Джорджия
Palatino Linotype
Book Antique
Times New Roman / Times
Arial / Helvetica
Comic Sans
Impact
Lucida Sans Unicode / Lucida Grande
Tahoma / Geneva
Trebuchet
Verdana
Courier New
Превращение шрифта в веб-шрифт
Многие настольные шрифты обычно доступны в своей версии веб-шрифтов, и наоборот. Примером этого является Google Fonts, веб-шрифты, обслуживаемые Google, где вы можете загружать настольные шрифты (всегда есть небольшие вариации, почти незаметные) и использовать их в качестве веб-шрифта на веб-сайте.
Если это не так, существуют инструменты для преобразования шрифтов рабочего стола в веб-шрифт (и наоборот). Лучший вариант предлагает конвертер Font Squirrel. Результат очень похож на шрифт рабочего стола, но мы должны изменить размеры позже в CSS (вы можете указать справочный источник для его высоты).
Не все шрифты рабочего стола конвертируются в веб-шрифты ; большинство из них из-за своих маркетинговых прав. Это касается некоторых шрифтов, поставляемых с Windows, права которых принадлежат Microsoft, поэтому их использование в качестве веб-шрифтов ограничено.
Как использовать веб-шрифт в веб-дизайне
С помощью оператора CSS @import мы загрузим файлы шрифтов из местоположения или папки, которые мы загрузили на наш сервер. Если вы используете шрифт Google , процесс несколько проще, так как вы можете загрузить его из Google CDN.Если это ваш собственный веб-шрифт, вам потребуется немного больше знаний, но это не так сложно.
Если вы работаете с WordPress, поздравляем! потому что благодаря количеству плагинов все будет проще, но вы также можете сделать это вручную, отредактировав CSS в своей теме или шаблоне. Вот руководство по передовой практике (на испанском) и о том, как правильно добавить изменения CSS в WordPress.
Теперь ваша очередь! Найдите удачное сочетание шрифтов
Как только вы это сделаете, вы увидите, что это не так уж и сложно.Вам просто нужно найти хорошее сочетание веб-шрифтов, чтобы получить потрясающий результат! Здесь у вас есть полезные ресурсы и советы по комбинациям:
• Основные сочетания цветов между текстом и цветом фона
• Какой шрифт мы должны выбрать в нашем дизайне? (На испанском языке)
• 7 комбинаций шрифтов Google, которые вы можете копировать и использовать
• 10 советов по сочетанию шрифтов
• 5 комбинаций шрифтов Google с засечками
• 5 комбинаций шрифтов Google без засечек
И если вы еще не определились с каким-либо конкретным веб-шрифтом, здесь у вас есть несколько бесплатных шрифтов для бесплатного скачивания.
• 5 бесплатных загружаемых ретро шрифтов (на испанском языке)
• 5 бесплатных ресурсов для создания эффекта нашего шрифта
• 5 шрифтов с «рукописным» стилем для загрузки (на испанском языке)
• 3 бесплатных шрифта для сообщений на изображениях
• 3 Креативные шрифты для мощных сообщений
• Шрифты Silo Creativo (на испанском языке)
Я надеюсь, что они были для вас полезны, но помните, всегда используйте несколько шрифтов (избыток может перегрузить ваш сайт) и всегда думайте о удобочитаемости для пользователя. Хороший UX всегда должен быть целью при выборе любого шрифта.Напоминаем:
Всегда соблюдайте эти 10 правил о шрифтах. Мы уверены, что вы не ошибетесь при составлении комбинации! Надеюсь, статья и ресурсы были для вас полезны 🙂
Как вставлять шрифты в PowerPoint. Краткое руководство
Сторонние шрифты по умолчанию не встраиваются в презентацию PowerPoint. Поэтому, если вы отправите его коллеге, текст может отображаться неправильно. Пользовательские шрифты автоматически заменяются стандартным шрифтом, если на компьютере (или на веб-сайте) получателя не установлен нужный шрифт.
Оригинальный PowerPoint шрифт: Lobster | Общий PowerPoint шрифт: Arial (заменен) |
Узнайте, как встроить шрифт в файл .pptx.
Проверить свойства файла шрифта
Перед внедрением шрифта убедитесь, что файл шрифта не предназначен только для чтения и доступен для встраивания.
Войдите в систему как администратор (чтобы при необходимости изменить атрибуты файла шрифтов).
Откройте проводник и перейдите в папку C: \ Windows \ Fonts.
Найдите шрифт, который вы использовали в своей презентации (например, Lobster Regular).
Щелкните шрифт правой кнопкой мыши и выберите «Свойства».
Удалите атрибут «Только для чтения», если он установлен, а затем нажмите «ОК».
Перейдите на вкладку Details. Убедитесь, что свойство Font embeddability равно Installable или Editable. В противном случае вы не сможете его встроить.
Вставить шрифт в презентацию
PowerPoint 2010, 2013, 2016:
Откройте презентацию, которой хотите поделиться.
Перейдите в главное меню PowerPoint в верхнем левом углу.
Выберите Параметры.
Перейдите к параметрам сохранения слева.
Найдите параметры встраивания в самом низу и установите флажок «Вставить шрифты в файл». Здесь вы можете встроить только символы, используемые в тексте презентации, или весь набор символов шрифта. На всякий случай рекомендуем выбрать «Вставить все символы», хотя это займет больше места.
В раскрывающемся меню «Сохранить точность .
..» вы можете выбрать только текущую презентацию или применить этот параметр ко всем сохраняемым презентациям.
Нажмите ОК и сохраните презентацию.
Теперь, когда шрифты встроены в ваш файл .pptx, вы можете отправить его коллеге или загрузить в Интернет и сохранить все шрифты, отображаемые точно так же, как в исходном PowerPoint.
Примечание: размер файла может резко увеличиться, если вы встроите все доступные символы шрифта. Каждый шрифт может занимать до нескольких мегабайт от размера опубликованной презентации. Не используйте в презентации более двух нестандартных шрифтов, чтобы сохранить единый дизайн и небольшой размер файла.
Другие проблемы со шрифтами
Некоторые коммерческие шрифты защищены DRM и недоступны для встраивания. Вы можете проверить это в свойствах файла шрифта на вкладке «Подробности».В этом случае выберите другой шрифт; не существует простого и легального решения.
Кроме того, некоторые загруженные шрифты могут содержать ошибки в кодировке, поэтому они также не будут правильно обработаны. Однако это редкий случай.
Если у вас по-прежнему возникают проблемы со шрифтами, свяжитесь с нами в службе поддержки.
нестандартных шрифтов | PowerPoint ниндзя
Инди сделал правильный выбор. Ты можешь?
Выбирая шрифты для презентаций или корпоративных шаблонов PowerPoint, нужно быть осторожным при выборе шрифтов.Вы можете ненавидеть шрифты Microsoft по умолчанию (например, Arial), но если вы планируете использовать другой шрифт, вам нужно , убедитесь, что это обычно установленный шрифт . Почему? Когда люди идут для просмотра вашего файла на своих компьютерах, и у них нет того же шрифта, PowerPoint заменяет другой шрифт, который может быть не того же размера или стиля, что и ваш исходный шрифт (12 пунктов в одном шрифте могут быть меньше или больше другим шрифтом). В результате вся ваша копия и этикетки могут оказаться выровненными с неправильным выравниванием или переносом текста в местах, которые вы не ожидали от . Другими словами, ваши красиво оформленные слайды могут превратиться в неразборчивый, неряшливый беспорядок просто потому, что на компьютере, на котором вы проводите презентацию, нет нужного шрифта.
В большинстве случаев нестандартный или пользовательский корпоративный шрифт не вызовет внутренних проблем, потому что теоретически корпоративный шрифт должен быть установлен у всех сотрудников вашей компании. Однако я все еще сталкивался с проблемами с пользовательскими корпоративными шрифтами, когда вашей ИТ-команде не удавалось установить эти шрифты на все новые компьютеры или компьютеры с повторным образом.Когда дело доходит до настройки нового компьютера или повторного создания образа существующего (например, восстановления компьютера до состояния по умолчанию, как правило, после серьезного сбоя или вируса), шрифты не будут наивысшим приоритетом для ИТ-отдела. Если у вас на рабочем месте ПК и Mac, также часто возникают проблемы совместимости шрифтов, потому что ПК и Mac не используют все одинаковые шрифты (например, на ПК по умолчанию шрифт Helvetica отсутствует).
ПК по умолчанию не установлен Helvetica, как на компьютерах Mac.Нет, Arial и Helvetica — это не одно и то же.
Хотя это может быть случайной проблемой для внутренних компьютеров, это может быть серьезной проблемой при презентации на внешних компьютерах или при совместном использовании файлов PowerPoint за пределами вашей компании. В моей нынешней роли проповедника аналитики я не всегда выступаю со своего компьютера. У моей компании Adobe есть собственный набор корпоративных шрифтов, который и хорош, и плох. Фирменные шрифты уникальны, чисты и профессиональны. Однако они могут сбивать с толку сотрудников, когда они присутствуют на внешних компьютерах или делятся слайдами с другой компанией.
В общем, я избегал использования пользовательских шрифтов из-за проблем, которые они создают. Я действительно использую их время от времени, но я научился быть с ними очень осторожным. На одном отраслевом мероприятии я вставил в свою колоду слайдов пару слайдов от другого сотрудника. После шуток о том, что я ниндзя PowerPoint в начале презентации, я, к своему ужасу, заметил, что на вставленных слайдах используется фирменный шрифт. Я заметил это, потому что все надписи на одном слайде представляли собой беспорядочный текст (см. Ниже).Я не только смутился, но и слайд не смог эффективно донести до моей аудитории. Этот опыт подчеркивает важность того, чтобы всегда проверять, как выглядят ваши слайды на другом компьютере перед презентацией — я этого не сделал и заплатил за это.
Слева я увеличил масштаб до части слайда, где используется правильный шрифт. Справа вы видите, что PowerPoint заменил, когда на компьютере не было того же шрифта. Подмененный шрифт испортил текст в нескольких местах.Не совершайте такой же ошибки!
Если вы представляете или публикуете слайды за пределами организации, вот несколько способов избежать проблем со шрифтами:
- Используйте свой собственный компьютер: Если вы использовали несколько пользовательских шрифтов, вы можете настаивать на презентации со своего компьютера.
В некоторых случаях это может не подходить для конференции, на которой аудиовизуальная группа хочет стандартизировать используемое оборудование, или в организации, которая не допускает использование внешних компьютеров (меры безопасности).
- Предоставить настраиваемые шрифты: Если вам нужно представить слайды на внешнем компьютере, вы можете предоставить настраиваемые шрифты вместе с презентацией.Затем вам нужно надеяться, что команда аудио / видео для мероприятия установит их, что может быть низким приоритетом для очень загруженной команды. Я обнаружил, что перед презентацией вам необходимо следить за тем, чтобы шрифты были установлены, потому что это незначительный шаг, который часто упускается из виду. Попробуйте заархивировать шрифты и файл PPTX вместе, чтобы было более очевидно, что они необходимы. Если вы просто хотите поделиться своей презентацией с людьми из другой организации, вы обычно не обременяете их установкой шрифта на их компьютеры (даже если это несложно).
Кроме того, они могут не иметь возможности устанавливать шрифты из-за ограничений ИТ-безопасности.
Любой пользовательский текст можно легко преобразовать в изображение, что устраняет проблемы совместимости шрифтов. Вы должны заметить лишь небольшую разницу между текстом и изображением.
Преобразовать пользовательский шрифт в изображение: Если вы используете пользовательский шрифт только в нескольких второстепенных местах, вы можете преобразовать текст в изображение. Просто скопируйте текстовое поле, а затем вставьте его как картинку. Вы избавляетесь от необходимости устанавливать шрифт и по-прежнему производите желаемый эффект с помощью настраиваемого шрифта.
- Встраивать пользовательские шрифты: В PowerPoint у вас есть возможность встраивать пользовательские шрифты. Одним из недостатков этого подхода является то, что он может значительно увеличить размер файла PowerPoint. Совместное использование больших файлов может быть затруднительным, и вам может потребоваться использовать Dropbox или какой-либо другой инструмент для обмена файлами.
Большинство людей не знают, что они могут встраивать собственные шрифты, или могут рассматривать это как хлопот и пропускать дополнительный этап процесса, рискуя тем, как их презентации увидят другие.
- PDF ваши слайды: Если вы просто публикуете свои слайды, вы можете PDF-файл своих слайдов, который сохранит все шрифты, которые использовались в слайдах.Однако, если вы PDF-файл презентации, она потеряет все свои анимации, что может быть неприемлемым вариантом.
- Избегайте пользовательских шрифтов: Если вы проводите презентацию на другом компьютере или знаете, что вы будете предоставлять общий доступ к файлу PPTX извне, вы можете отказаться от использования пользовательских или корпоративных шрифтов. Хотя это может напугать нацистов в вашей организации, самое главное — эффективно донести свое послание. Соображения по поводу бренда (особенно на уровне шрифта) должны быть второстепенными по отношению к сообщению в моем сознании.
Все мы устали от шрифтов Microsoft по умолчанию — Times New Roman, Arial и т. Д. — но вы должны быть осторожны при выборе шрифтов, особенно если они включены в корпоративный шаблон PowerPoint. Из-за того, что на вашем компьютере доступен шрифт, нельзя предположить, что у других людей такой же шрифт. Другие программные продукты, помимо продуктов Microsoft, также устанавливают шрифты на ваш компьютер. Например, Myriad Pro — это шрифт стороннего производителя, который устанавливается, если вы используете определенные продукты Adobe (Adobe Reader 7 и 8).Хотя шрифт может быть распространен среди вашей команды или отдела (поскольку вы используете одни и те же приложения), он может не использоваться в вашей компании или за ее пределами.
К сожалению, если вы хотите быть в безопасности со шрифтами, вам нужно использовать менее захватывающий подход с наименьшим общим знаменателем, что означает ограничение только широко доступными шрифтами Microsoft Office . Хотя мне надоели Times New Roman и Arial, мне нравилось использовать Calibri, который был представлен в Windows Vista и Office 2007.