Faq как проинсталлировать свои шрифты


Содержание

Я на СТОКАХ)

5 месяцев на стоках. посмотрим, что будет дальше…

Как я делаю шрифт (обещанный рассказ с картинками :)

  • Автор swetTS
  • 23 марта 2020, 23:09

Рассказываю…
Но сразу скажу, возможно что-то делаю не так и может быть более опытные создатели шрифтов укажут на мои ошибки, буду рада)
К теме создания буковок подошла прям совсем недавно, поэтому пользователь еще не опытный) но тема очень интересна для меня!

С удовольствием делюсь своим пока небогатым опытом в данной области!

Покажу на примере нового шрифта. На Шаттере буквы уже висят (продаж пока не было). Но там просто векторный алфавит. А пока готовлю набор для КМ. Там будет три шрифта и вот один из них.

1. Ну первое, конечно, рисую сами буковки. Рисую я в Кореле (лирическое отступление — люблю Корел очень, работать с вектором там одно удовольствие, и есть в нем несколько незаменимых, на мой взгляд, инструментов, аналоги которых в Иллюстраторе для меня неудобны. Но после Корела всегда «переправляю» вектор в Иллюстратор, проверяю пути и сохраняю в епс — ушла далеко))).
Пример отрисовки букв и некоторых символов:

2. Когда все буквы, цифры и символы нарисованы, нужно каждый из них, отдельным файлом сохранить в png:

3. Далее нужна программа для преобразования нарисованных буковок в полноценный шрифт, который можно будет потом установить и пользоваться им в любой программе (волшебство какое-то )
Я использую Font Creator. Запускаем программу, создаем Новый проект, даем название шрифту:

4. Открывается поле с ячейками для символов. Двойным щелчком заходим «внутрь» ячейки для редактирования. Появляется новое окно, в которое вставляем сохраненные png-буквы. Правим размер в соответствии с базовыми линиями и закрываем окошко. Можно и форму подредактировать, если нужно, да и вообще сразу здесь букву нарисовать! (Но я Корел не предам, буду в нем все отрисовывать)))

И так с каждой буквой, цифрой и символами.

После закрытия каждого окна редактирования, поле постепенно заполняется)

В результате вот такая картина:

5. Остается самая малость: экспортировать шрифт

6. Установить шрифт на своем компьютере и радоваться, так, как будто произошло волшебство

Все вроде бы) Если что, спросите)
Надеюсь, пригодится!
Спасибо за внимание)

swetTS

Мама. Фотографирую и рисую)

15 комментариев

  • ★ Летта
  • Отредактирован : 24 марта 2020, 00:18
  • swetTS

  • Отредактирован : Только что
  • aeleeta
  • Отредактирован : Только что
  • swetTS
  • Отредактирован : Только что
  • aeleeta
  • Отредактирован : Только что
  • swetTS
  • Отредактирован : Только что
  • Топот Котов
  • Отредактирован : 24 марта 2020, 05:32

2. Когда все буквы, цифры и символы нарисованы, нужно каждый из них, отдельным файлом сохранить в png:


Зачем.
Вы рисуете в векторе (да еще и в кореле), чтобы экспортировать растр. Неужели Font Creator не понимает векторные форматы, например svg? А при импорте что происходит — он их обратно в вектор трассирует?

Я знаю что некоторые рисуют сами буквы в растре, импортируют их в том же png формате например в FontForge (он кстати абсолютно бесплатный), который очень неплохо выполняет автотрассировку, и там же можно немного полученный вектор откорректировать, собрав таким образом необходимый шрифт. Это удобно когда например готовится hand-drawn шрифт и буквы целиком отрисовываются на бумаге. В остальных случаях естественно импортируют в программу-сборщик svg (как пример, в зависимости что поддерживает программа), или рисуют вектор прямо в ней.

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

И кстати стоит упомянуть что программа Font Creator стоит денег: www.high-logic.com/shop/new-licenses.html

  • swetTS
  • Отредактирован : 24 марта 2020, 07:51

Зачем.
Вы рисуете в векторе (да еще и в кореле), чтобы экспортировать растр. Неужели Font Creator не понимает векторные форматы, например svg? А при импорте что происходит — он их обратно в вектор трассирует?

  • Топот Котов
  • Отредактирован : Только что
  • vilion
  • Отредактирован : Только что
  • swetTS
  • Отредактирован : Только что
  • Оля
  • Отредактирован : Только что

  • swetTS
  • Отредактирован : Только что
  • hellokisdottir
  • Отредактирован : Только что
  • swetTS
  • Отредактирован : Только что

Я на СТОКАХ)

5 месяцев на стоках. посмотрим, что будет дальше…

Как установить новый шрифт

Для того, чтобы шрифт был доступен в Windows и им можно было пользоваться в программах Photoshop, MS Word и других, шрифт необходимо установить.

Сами шрифты распространяются в виде файлов с расширением ttf или otf, бывают и другие форматы шрифтов, но они встречаются редко.

Для установки шрифта одного скачивания файла недостаточно. Необходимо добавить его в директорию шрифтов операционной системы, попасть в эту директорию можно по следующему пути — %SystemRoot%\Fonts.

Установка шрифта в Windows 7

  1. Скачайте нужный шрифт.
  2. Откройте файл, например двойным кликом мышкой.
  3. В появившемся окне Вы увидите небольшое описание шрифта, его начертание и кнопку «Установить». Нажмите ее.
  • Начнется установка шрифта, то есть его копирование в специальную папку где хранятся все шрифты Windows. Перед Вами будет соответствующее окно с индикатором.
  • По завершению установки окно закроется самостоятельно.
  • Откройте Word, Photoshop или любую другую программу и Вы увидите новый установленный шрифт в списке доступных шрифтов.

  • Как устанавить шрифты TTF?

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

    1. Скачайте шрифт;

    2. Распакуйте файл;

    3. Откройте папку Шрифты в Панели управления;

    4. Выберите шрифт и Установить.

    К уда установить шрифты ttf?

    Всего четыре клика мышкой и вы сможете установить шрифт TTF:

    1. Скачайте файл с TTF-шрифтом в новую папку.
    2. Разархивируйте файл.
    3. Перейдите Панель управления->Шрифты.
    4. Выберите Файл->Установить шрифт.

    Этапы установки шрифтов TTF:

    Некоторые пользователи сразу интерессуются, как редактировать шрифты .ttf? Доступно несколько программ, позволяющих вам освоить основную механику шрифта TTF. Как только вы увидите, как много работы идет на создание каждого символа — или «глифа» — вы по-другому посмотрите на все доступные в Интернете TTF шрифты! Но до этого еще далеко. Сначала нужно найти, скачать и установить подходящий шрифт TTF, а потом уже разбираться, как его редактировать.

    Далее вы узнаете, как установить шрифты ttf. Чтоб этот процесс был более понятным, разберем его поэтапно:

    1. Скачайте подходящий вам шрифт на свой компьютер.

    2. Распакуйте скачанный вами файл шрифта ttf (если он в виде архива).

    3. До того, как перейти к установке True Type Fonts, необходимо понять, куда установить шрифты ttf? Перейдите в папку Шрифты в Панели управления своего компьютера.

    4. Во вкладке Шрифты, выберите Файл–>Установить шрифт.

    5. Откроется окно Добавление шрифтов, где вам необходимо указать, откуда и куда кидать шрифты ttf. Выберите путь и нажмите Установить.

    Это и все! Весь процесс установки True Type Fonts не займет более 2-3 минут. Главное, чтоб устанавливаемый вами шрифт был надлежащего качества. Именно такие шрифты предлагает TemplateMonster:

    Прикручиваем клевые шрифты с помощью @font-face

    Теперь кратко, что мы сделали. Свойство font-family указывает на то, как в нашей системе будет называться новый шрифт. Называть можно как угодно, главное чтобы потом можно было вспомнить, что же вы имели ввиду. Свойство src указывает на файл с самим шрифтом. Поддерживаются следующие форматы шрифтов: eot, ttf, otf, svg, woff.

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

    @font-face <
    font-family: ‘Tagesschrift’ ;
    src: url( ‘tagesschrift.eot’ ); /* IE 5-8 */
    src: local( » ), /* sneakily trick IE */
    url( ‘tagesschrift.woff’ ) format( ‘woff’ ), /* FF 3.6, Chrome 5, IE9 */
    url( ‘tagesschrift.ttf’ ) format( ‘truetype’ ), /* Opera, Safari */
    url( ‘tagesschrift.svg#font’ ) format( ‘svg’ ); /* iOS */
    >

    Сложно? Однозначно, поэтому по ссылке читаем пару интересных штук. А еще для упрощения жизни используем вот этот сервис. Загружаем в него шрифт и он генерит нам css.

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

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

    Во-первых, Font Previewer — сервис от гугла, который позволяет сразу посмотреть как будет выглядеть тот или иной шрифт и получить готовый css стиль.
    И не отходя далеко еще одна разработка гугла — Google font API, API позволяющее добавлять любые шрифты в любую разработку.

    По аналогии с Google Font API есть еще ряд сервисов — WebInk, Typekit, и Fontslive. Их отличие в том, что они платные.

    В качестве посткриптума, отошлю всех к проблеме FOUT. Если кратко, то она заключается в следующем — при указании нескольких шрифтов в свойстве font-family может произойти проблема, что применился второй шрифт из указанных, пока первый еще подгружается. Данная проблема проявляется в Firefox и Opera. Если вы с ней столкнулись, то следует вновь обратиться к гуглу и его js библиотеке WebFont Loader. Ниже пример работы с этим скриптом

    Faq как проинсталлировать свои шрифты

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


    Шрифты, инсталлируемые в ОС Windows , как правило, отсутствуют в других операционных системах, например, в ОС Linux или ОС Android .

    В предыдущих версиях ОС Windows процесс инсталляции шрифтов был довольно трудоемким и требовал знаний технологии инсталляции. Для инсталляции новых шрифтов в ОС Windows 10 необходимо выполнить следующее:

    1) Открыть Панель управления;

    2) Запустите элемент Шрифты одиночным щелчком;

    3) Откройте папку, в которой находятся шрифты, предназначенные для инсталляции;

    4) Выделите шрифты, которые нужно инсталлировать;

    5) Скопируйте эти шрифты в папку Шрифты (C:\Windows\Fonts) и вставьте их через буферную память в папку с инсталлированными шрифтами. Выделенные шрифты в папке или на магнитном накопителе можно просто подхватить мышью и перетащить в папку Шрифты с инсталлированными шрифтами.

    Другой способ инсталляции шрифтов: открыть папку со шрифтами, которые нужно инсталлировать, выделить нужные шрифты и щелкнуть по ним правой клавишей мыши. Из открывшегося контекстного меню выполните команду Установить. В этом случае даже не потребуется открывать папку с уже инсталлированными в ОС Windows шрифтами. Шрифты, инсталлированные в ОС Windows , устанавливаются в папку по адресу C:\Windows\Fonts.

    Шрифты не обязательно должны устанавливаться в папку Fonts: сюда устанавливаются шрифты, инсталлированные в ОС Windows . Если шрифты инсталлируются вместе с некоторыми приложениями, то они могут быть установлены в другие папки, как правило, в раздел Program Files в папку соответствующей программы. Например, приложение Adobe Reader XI устанавливает некоторые шрифты в папку C :\ Program Files \ Adobe \ Reader 11.0\ Resource \ Font , а приложение Adobe Digital Editions 3.0 устанавливает шрифты в папку C:\Program Files \ Adobe \ Adobe Digital Editions 3.0\resources\fonts. Тем не менее и такие шрифты находятся системой и предлагаются во все приложения, использующие шрифты, в том числе и в Microsoft Word , если только тип шрифта не запрещен в данном приложении (для примера: в приложении Microsoft Word в списке шрифтов по умолчанию показываются только типы шрифтов TrueType и OpenType , шрифты типа TrueType помечаются как ( ), а OpenType как ( ) слева от имени гарнитуры шрифта). Растровые шрифты и шрифты Type 1 в приложении Microsoft Word в списке шрифтов показываются только в том случае, если выделен текст, форматированный такими шрифтами (как правило, это старые документы, до сих пор блуждающие в Интернете). В приложениях OpenOffice Writer и LibreOffice Writer в списках шрифтов предлагаются все типы шрифтов, но показывается не тип шрифта, а возможность его пропорциональности ( ), то есть не ухудшающих качество символов шрифта при изменении масштаба.

    Для просмотра типа шрифта откройте файл со шрифтом. Тип шрифта обычно указывается в скобках после имени гарнитуры на системной полосе (Рис. 50). Если тип шрифта отсутствует, то речь скорее всего идет о совсем старых шрифтах: растровых или Type 1. Растровые шрифты старых типов не используются совсем. Что касается шрифтов Type 1, то они имеют узкоспециализированное использование, например, для верстки или для создания файлов PDF, читаемых на всех технических устройствах. Более подробно о типе шрифта можно также узнать по расширению файла (или файлов, так как шрифт типа Type 1 состоит из не менее чем 2 файлов). Образец шрифтов в окне шрифта представлен в виде панграммы. Панграмма — это текст, использующий все или почти все буквы алфавита. Панграммы обычно используются для демонстрации шрифтов, тестирования техники, например, печатной. При открытии файла любого шрифта появляется панграмма «Съешь еще этих мягких французских булок, да выпей чаю. 1234567890». Панграмма показывается для разных размеров шрифта, чтобы пользователь заранее видел, удобно ли будет читать текст выбранным размером. В смысл текста панграммы не нужно вчитываться, так как обычно это логически плохо связанный текст, единственное назначение которого — показать основные символы (буквы и цифры) выбранного шрифта.

    Панграмм существует довольно много на каждом языке, но в ОС Windows используется панграмма про французские булки. На русском языке есть также панграммы:

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

    Друг мой эльфъ! Яшке б свез птиц южных чащ!

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

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

    Шеф взъярен тчк щипцы с эхом гудбай Жюль.

    Эй, жлоб! Где туз? Прячь юных съемщиц в шкаф.

    Экс-граф? Плюш изъят. Бьем чуждый цен хвощ!

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

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

    Для английского языка создано несколько панграмм:

    How razorback-jumping frogs can level six piqued gymnasts!

    Jaded zombies acted quaintly but kept driving their oxen forward.

    Jelly-like above the high wire, six quaking pachyderms kept the climax of the extravaganza in a dazzling state of flux.

    The quick brown fox jumps over the lazy dog.

    The risqué gown makes a very brazen exposure of juicy flesh.

    The sex life of the woodchuck is a provocative question for most vertebrate zoology majors.

    Рис. 50. Просмотр гарнитуры шрифта

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

    В списке шрифтов одновременно могут быть шрифты с одинаковыми именами, но разными типами ( Type 1, True Type , Open Type ).

    После инсталляции новых шрифтов они попадают в список шрифтов немедленно. Поэтому перезагружать открытую до этого программу не нужно. Это было опробовано с приложением Microsoft Word 2010 и 2013 и это было действительно так. Тем не менее, возможно существование программ, которые требуют перезагрузки системы после инсталляции новых шрифтов.


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

    Менеджеры шрифтов сторонних разработчиков предлагают дополнительные услуги по работе со шрифтами, например, позволяют временно отключать некоторые шрифты, которые не нужны, и снова их подключать при необходимости. Физического удаления шрифтов при этом не происходит. Отключение шрифтов приводит к снижению нагрузки на ресурсы компьютера. Вместе с тем отключенные шрифты всегда можно подключить, так как они не удалены, а только временно отключены. К наиболее известным менеджерам шрифтов относится приложение Corel Bitstream Font Navigator из популярного комплекса CorelDraw Graphics Suite X 6, а также Font Frenzy . Для просмотра установленных шрифтов можно рекомендовать программу Font Expert , а для оптимизации кириллических шрифтов можно рекомендовать программу Kira , которую часто используют для приложений корпорации Adobe .

    Faq как проинсталлировать свои шрифты

    Подключаем девайс к компьютеру
    Открываем iFunbox
    (Рекомендую скачивать iFunbox Classic, т.к. во-первых он легче весит; во-вторых, в нем более удобная навигация; в-третьих, данная инструкция написана под него)

    Нажимаем «Необработанная файловая система»
    Примечание: если вы не видите папки User, var, System, etc и пр., значит вам нужно в Cydia установить твик Apple File Conduit «2» из стандартного репозитория или afc2add . Каждый из этих твиков отображает системные папки в сторонних приложениях. Твик можете ставить любой, тут на ваше усмотрение

    Примечание: Некоторые антивирусы «ругаются» на файл кряка. Это нормально, вирусов там нет, так что можете смело пользоваться этим кряком, отключив антивирус.

    Файлы с расширением .TTF редактируются через программу FontLab.
    Т.е. если вы хотите редактировать файл с расширением .TTF, переходите сразу к пункту 5 .
    Если мы хотим отредактировать .TTC (группу шрифтов .TTF, собранную в один архив), нам понадобятся вспомогательные программы TTSDK и DOSBox.

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

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

    Примечание2: Выделяйте символы до серых клеток, т.к. при вставке эти серые клетки заполняются символами, что приводит к смещению (см. пример)

    До копирования


    Выделили одну группу символов до пустой ячейки. Скопировали. Вставили.

    Опять выделили следующую группу до пустой ячейки. Скопировали. Вставили.

    Пользователи, которые изначально редактировали файл .TTF (т.е. без распаковки .TTС), могут копировать сохраненный файл на девайс ( /System/Library/Fonts/Cache ) и перезагружаться. Новый шрифт должен появиться.

    Пользователи, которые распаковывали файл .TTС, продолжают по аналогии редактировать все файлы с расширением .TTF из директории C:\ttsdk\TTC . После того, как все файлы будут отредактированы, можно приступать к запаковке шрифтов в файл .TTC ( пункт 6.)

    В папке C:\ttsdk\TTC после запаковки появится наш новый файл .TTC (в моем примере это 2.TTC).
    Переименовываем этот файл (2.TTC) в то имя, которое было ранее
    (В моем примере это _H_HelveticaNeueInterface.ttc),
    после чего копируем его на девайс ( /System/Library/Fonts/Cache ) и перезагружаемся.

    Примечание: Имейте ввиду, что для iOS файл с названием _H_HelveticaNeueInterface.TTC и файл _H_HelveticaNeueInterface.ttc — это два разных файла. Поэтому внимательно проверяйте расширения на правильность написания!

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

    • _H_HelveticaNeueInterface.ttc — системный шрифт, на 95% в системе задействуется именно он.

    Шрифт от локскрина запакован в файле _H_HelveticaNeueInterface.ttc . Распаковав его, вам нужно отредактировать FONT06.TTF

    KeycapsPad.ttc и Keycaps.ttc — шрифты клавиатуры

    Для того, чтобы появилась клавиатура с другим шрифтом, не забывайте чистить кэш, удалив папку com.apple.keyboards в двух директориях:
    /var/mobile/Library/Caches/
    /var/root/Library/Caches/
    После удаления перезагружаемся!

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

    Сайт с готовыми шрифтами: ссылка

    Шрифты для всех устройств
    Le_Grand:


    Способы вручную редактировать стандартные шрифты:
    Открываем проводником :/System/Library/Fonts/Cache и кидаем туда мной выложеный файл Helvetica.ttc(предварительно разорхивировав)(оригинал сохраните где-нибудь или переименуйте), перезагрузка.
    Предлагаю сдесь выкладывать шрифты под iOS 4 или просто интересные шрифты , по возможности переделаю. :bubble:

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

    1.Ваш i-девайс должен быть джейлбрейкнутым.
    2.Качаем архив ______.rar(внутри находятся еще два архива: FontLab Studio 5.04-собственно сама программа для редоктирования шрифтов(будьте внимательны некоторые антивирусы ругаются на файл кряка, это нормально, я сразу его успокоил, но решать всётаки вам) и TTSDK.ZIP-средства для работы с шрифтами.
    3.Через любой файловый мененджер копируем файлы шрифтов на ПК из /System/Library/Fonts/Cache( я скопировал всю папку Fonts, для резервной копии и лишний раз не лазить в тел.).
    4.В папке Cache лежат файлы шрифтов с расширениями ttf и ttc. Файлы с расширениями ttf редактируются сразу в FontLab Studio 5.04( или аналогичной проге) , а с расширирением ttc , надо сначало разбить на состовляющие , в этом нам поможет TTSDK.ZIP.
    5.Разберем по подробнее с файлом «Helvetica.ttc» каторый отвечает за основные системные шрифты: В архиве TTSDK.ZIP есть папка TTC в которой лежат нужные нам проги для разборки/сборке файлов с расширирением ttc.
    5.1.Разбираем файл «Helvetica.ttc»: прога BREAKTTC.EXE(в TTC) перетаскиваем на нее файл «Helvetica.ttc». Она разделает этот шрифт на восемь ttf шрифтов FONT00.TTF-FONT01.TTF. ( могут не появиться в той папке где лежит BREAKTTC.EXE, ищем в компе(я нашел в «C:\Documents and Settings\Администратор»)).
    5.2. Редактируем первые два на тот шрифт который надо, при помощи FontLab Studio( я открывал 2 шрифта- редактируемый(FONT00.TTF или FONT01.TTF) и который хотел видеть и редактировал путем замены символов( можно заменять сразу группами, но внимательней некоторые символы либо отсутствуют , либо не поддаются редактированию, из-за этого во время редоктирования символы могут сдвинуться и в итоге получится не совсем то, что хотели)).
    5.3.После надо составить(генерировать) шрифт. Для этого выделяем (FONT00.TTF или FONT01.TTF) и нажимаем File-Generate Font… и сохраняем в папку TTC, так делаем с FONT00.TTF и FONT01.TTF(именно эти 2 шрифта отвечают за систему, остальные незнаю за что отвечают, если кто поделится буду рад). Далее копируем остальные фалы шрифта (FONT02.TTF-FONT07.TTF) и Helvetica.ttc(оригинал) в папку ТТС. В итоге в папке с прогами должны лежать еще и файлы шрифтов FONT00.TTF-FONT07.TTF и Helvetica.ttc.
    5.4.Собираем файл «Helvetica.ttc»: для этого идем в ПУСК — выполнить — обзор — выбираем программу MAKETTC.EXE ( из ТТС) и дописываем Helvetica.ttc FONT00.ttf FONT01.ttf FONT02.ttf FONT03.ttf FONT04.ttf FONT05.ttf FONT06.ttf FONT07.ttf FONT08.ttf(например у меня команда в строке выглядит так:
    C:\IPhone\Шрифты\TTSDK\TTC\MAKETTC.EXE Helvetica.ttc FONT00.ttf FONT01.ttf FONT02.ttf FONT03.ttf FONT04.ttf FONT05.ttf FONT06.ttf FONT07.ttf FONT08.ttf).
    5.5.Замена фала на девайсе: Появится файл *.ttc в папке ТТС ,переименовываешь в Helvetica.ttc, и кидаем обратно в девайс(оригинал переименуйте, чтобы в любой момент можно было откатится). Перезагрузка. И вуаля ,Красота.
    Опишу файлы которые знаю:
    Helvetica.ttc – системный шрифт, отвечает примерно за 90% сисмных символов
    HelveticaNeue.ttc — второй системный шрифт( на 4.1 использует iPhone 4)
    LockClock.ttf – шрифт часов на экране блокировке
    PhoneKeyCaps.ttf – шрифт символов на клавиатуре
    PhonepadTwo.ttf — шрифт при наборе номера телефона
    MarkerFeltThin.ttf — шрифт используемый для заметок
    Кто подскажет еще , буду рад дополнить инструкцию!
    6.(Не обязательно) Исправляем кодировку. Т.е. в асечные клиенты на iOS 4.x будет приходить не кракозябра, а нормальный текст. В FontLab Studio перед генерированием шрифта. File-Font info. В кодировке MS Windows 1252 иероглифы начинаются с перевёрнутого знака вопроса. В программе переключаешься на MS Windows 1251 Cyrilic и от туда с того же места копируешь русские буквы и ставишь на место иероглифов в MS Windows 1252.
    7.Файлы с расширениями ttf редактируются сразу в FontLab Studio 5.04( или аналогичной проге) согласно пунктам 5.2-5.3, кидаем обратно в девайс(оригинал переименуйте, чтобы в любой момент можно было откатится). Перезагрузка. И вуаля ,Красота.

    Пробуйте переделывать и делитесь нароботками сдесь.

    Для тех кто хочет изменить шрифты на 4.2.1 , берем переделанный файл , переименовываем в и кадаем в попку /System/Library/Fonts/Cache с заменой.
    Для установки на 4.2 надо переименовывать:

    Как создать собственный шрифт. Советы и программы

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

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

    1. Начните с брифа

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

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

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

    2. Фундаментальный выбор

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

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

    3. Подводные камни на ранних этапах

    Есть несколько подводных камней:

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

    4. Используйте свои руки

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

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

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

    5. С каких символов начать

    Создание сначала определенных символов может помочь вам задать стиль своего шрифта. Ну а потом эти символы будут использоваться как направляющие. Обычно “контрольные символы”, как их называют, в латинице – это n и o, а заглавные – H и O. Зачастую используется слово adhension, которое поможет протестировать базовые пропорции шрифта (но, некоторые пишут это слово как adhencion, потому что буква s может быть очень коварной).

    6. Переносим шрифт на компьютер

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

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

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

    7. Выбор программы

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


    Отличная программа – FontLab Studio, но новый софт, такой как Glyphs и Robofont набирают все большую популярность. Эти программы недешевые, но у Glyghs есть “мини” версия в Mac App Store с некоторыми отсутствующими функциями, что не очень хорошо, потому что эти функции важны новичкам.

    8. Использование программ

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

    9. Слова

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

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

    10. Тесты

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

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

    11. Печать

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

    12. Подумайте о глобальном использовании

    Итак, вы создали что-то, чем вы гордитесь. Вы сделали шрифт только для латиницы? А как же кириллица? А как же 220 миллионов читателей на деванагари? Рынок не-латиницы растет.

    13. Еще тесты

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

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

    Одна из самых популярных программ для дизайна шрифтов. Доступна на Windows и Мас.

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

    Еще один мощный редактор шрифта от FontLab, позволяющий создавать новые шрифты или изменять существующие. Доступен на Windows и Мас.

    Эта программа работает на Windows, Mac, Unix/Linux и переведена на множество языков. Также позволяет создавать новые шрифты и редактировать имеющиеся.

    OpenType редактор шрифтов, доступен на Windows и Mac OS X. Довольно простой и содержит достаточное количество функций.

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

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

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

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

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

    Это приложение доступно на iPad и Windows 8. Позволяет создавать шрифт из наброска и редактировать существующие шрифты.

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

    Бесплатный онлайн-инструмент, позволяющий создавать TTF и OTF шрифты на основе рукописного текста.

    Есть бесплатная и премиум-версия. Программа работает на Windows, Linux, Mac OS X и BSD.

    Оптимизируем шрифты: 9 шагов к быстрому сайту

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

    1. Правильное подключение

    Собственные шрифты сайта, скорее всего, отсутствуют в браузере пользователя. Поэтому необходимо указать дополнительные к загрузке файлы, в которых будет содержаться техническая информация о начертании шрифтов (символы — глифы, особенности совместного начертания символов и строк и другие данные). Как это часто бывает, для каждого браузера нужен свой файл — Google Chrome понимает формат woff и woff2 (наиболее продвинутые), старый Android понимает только TTF, а IE — eot.

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

    @font-face <
    font-family: ‘Awesome Font’;
    font-style: normal;
    font-weight: 400;
    src: local(‘Awesome Font’),
    url(‘/fonts/awesome.woff2’) format(‘woff2’),
    url(‘/fonts/awesome.woff’) format(‘woff’),
    url(‘/fonts/awesome.ttf’) format(‘ttf’),
    url(‘/fonts/awesome.eot’) format(‘eot’);
    >

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

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

    2. Обратная совместимость шрифтов

    Для максимального ускорения отображения текста вашего сайта на любом пользовательском устройстве вы должны сообщить браузеру, какой запасное семейство шрифтов можно использовать, если ваш собственный шрифт недоступен (не загрузился еще или загружается неподдерживаемый формат). Для этого в директиве font-face после названия вашего шрифта нужно указать наиболее подходящую системную альтернативу с обязательным окончанием serif (шрифт с засечками), sans-serif (без засечек) или monospace (равной ширины). Хотя обратная совместимость приводит к FOUT, но эта альтернативна лучше, чем невидимый на сайте текст (FOIT).

    Но основную проблему с загрузкой собственных шрифтов это не решает: шрифты большие. Иногда слишком большие. И почти всегда они требуются, чтобы отобразить текст на странице (т.е. загрузка шрифта идет на стадии «белого экрана», максимально раздражая пользователей). Как это вылечить?

    3. Инвентаризация шрифтов

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

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

    4. Использование Google Fonts API

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

    Google Fonts API позволяет загрузить только нужные варианты щрифта, а также загружает шрифты по наборам символов (позволяет браузерам не загружать полностью шрифт, если не все глифы требуются для отображения страницы). Среди дополнительных возможностей стоит отметить и параметр text=, который обрезает символы в загружаемом шрифте строго до заданных (если шрифт используется только для логотипа, это может быть очень ценно).

    5. Уменьшение размера шрифтов

    Если вы используете статическое сжатие, то достаточно подготовить архивы с файлами шрифтов и разместить их рядом с файлами шрифтов. При динамическом сжатии проверьте, что все основные форматы шрифтов — EOT, TTF, OTF, SVG, WOFF и WOFF2 — отдаются с хостинга сжатыми ( проверка сжатия ). Если это не так, то нужно добавить требуемые расширения или типы файлов в правила сжатия. Gzip ( или zopfli ) сжатие позволяет сократить размер шрифтов на 15-50%.

    6. Удаление глифов

    Для отображения текста на сайте обычно требуются далеко не все символы, включенные в шрифт по умолчанию. Часть из них относится к другому языку (например, к китайскому), часть — к специальным символам, которые вы не используете. Существует большое количество инструментов для удаления из шрифтов неиспользуемых глифов и утилиты по Windows / Mac. Наиболее популярные — это сервис Font Squirrel (в режиме Advanced), а также Subset.py и FontPrep . Также Google Fonts позволяет загружать только используемые наборы символов. Этот метод оптимизации позволяет сократить результирующий файл еще на 10-50%.

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

    7. Кэширование шрифтов в браузере

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

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

    8. Font Loading API

    Второе – использование Font Loading API (поддерживается не всеми браузерами). При первичной загрузке страницы можно показать текст в установленном у пользователя шрифте, асинхронно загрузить нужный шрифт – и потратить несколько десятков миллисекунд (почти невидимое «подвисание» браузера) на перерисовку страницы по готовности шрифта. Существуют библиотеки для автоматизации процесса, одна из них представлена здесь .

    9. Предзагрузка шрифтов

    И, наконец, предварительная загрузка шрифтов (если они используются не с первой страницы у пользователей: например, в личном кабинете). Для этого подойдет техника prefetch , которая уже очень хорошо поддерживается браузерами: http://caniuse.com/#feat=link-rel-prefetch .

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

    Faq как проинсталлировать свои шрифты

    Как проинсталлировать свои шрифты?

    Добавить фонт (.fon, .fot, .fnt, .ttf) в систему можно след. образом:

    AddFontResource( PChar( my_font_PathName < AnsiString >) );

    var ss: array [ 0..255 ] of Char;

    SendMessage(HWND_BROADCAST, WM_FONTCHANGE, 0, 0);

    Убрать его по окончании работы:

    RemoveFontResource ( StrPCopy ( ss, my_font_PathName ));

    SendMessage ( HWND_BROADCAST, WM_FONTCHANGE, 0, 0 );

    При этом не надо никаких перезагрузок и прочего, после добавления фонт сразу можно использовать. my_font_PathName : string ( не string[nn] для D2+) — содержит полный путь с именем и расширением необходимого фонта. После удаления фонта форточки о нем забывают. Если его не удалить, он (кажется) так и останется проинсталенным, во всяком случае, я это не проверял.

    Как добавить свои кастомные шрифты на WordPress

    У вас появилась потребность добавить свои кастомные шрифты на сайт WordPress? Отличная идея! Они действительно помогут разнообразить уже используемую вами тему и внести в нее что-то новое.

    А вот как это сделать с помощью шрифтов Google Fonts, Adobe Typekit и метода CSS3 @Font-Face, вы узнаете в сегодняшнем посте.

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

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

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

    Где найти кастомные шрифты для WordPress?

    Раньше шрифты всегда стоили дорого, но теперь все изменилось. Сейчас есть очень много источников, где можно найти отличные бесплатные шрифты, как например, Google Fonts, Adobe Typekit , FontSquirrel и fonts.com .

    Тем, кто не знает, как совмещать шрифты, лучше всего воспользоваться источником Font Pair . Он помогает дизайнерам сочетать красивые шрифты Google.

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

    Кастомные шрифты Google Fonts

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

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

    Внизу этой же страницы есть область встроенного кода. Этот код нужно скопировать и добавить в используемую вами тему в файл header.php сразу после открытия тега head >:

    Добавьте следующий код CSS в файл style.css вашей темы. Вот теперь пользовательские шрифты Google можно успешно использовать на своем сайте WordPress:

    Кастомные шрифты Adobe Typekit

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

    Заведите аккаунт в Adobe Typekit и создайте свой kit для шрифтов.

    Выберите любой шрифт с Typekit и добавьте его в только что созданный kit. Затем скопируйте код вашего kit и вернитесь в админку WordPress.

    Теперь нужно установить и активировать плагин Typekit Fonts for WordPress .

    После чего в Настройках → Typekit Fonts разместите скопированный код на странице настроек плагина:

    Теперь осталось добавить код CSS в файл style.css вашей темы. Вот и все. Теперь шрифты готовы к использованию.

    Кастомные шрифты с помощью CSS3 @font-face

    Проще всего добавить кастомные шрифты с помощью метода CSS3 @font-face . Этот метод позволяет использовать любые шрифты на вашем веб-сайте. Чтобы ими воспользоваться, необходимо загрузить понравившийся шрифт в веб формате.

    Если же у вас нет поддержки веб-формата для какого-либо шрифта, можно конвертировать его с помощью FontSquirrel Webfont generator :

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

    Для загрузки шрифтов можно использовать FTP или File Manager. После этого подключаем шрифты в таблице стилей темы с помощью CSS3 @font-face следующим образом:

    Не забудьте изменить так называемое семейство ваших шрифтов font-family и URL на ваши собственные и используйте эти шрифты следующим образом:

    Однако, загрузка шрифтов прямо с CSS3 @font-face не всегда является лучшим решением с точки зрения нагрузки на ваш сайт. При использовании шрифтов с Google Fonts или Typekit лучше всего, чтобы они загружались напрямую с сервера.

    Вот, собственно, и все хитрости.

    Источник: wpbeginner.com

    Насколько полезным был этот пост?

    Нажмите на звезду, чтобы оценить этот пост!

    Средний рейтинг: 3 / 5. Количество голосов: 2

    Илон Маск рекомендует:  Плагины wordpress, joomla, dle и других движков сайтов
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL