Шрифти TrueTypeможна масштабувати до будь-якого розміру, при цьому вони завжди будуть чіткими та легкими для читання. Їх можна надсилати на будь-який принтер або інший вивідний пристрій, який підтримується Windows.
Шрифти OpenTypeпов'язані зі шрифтами TrueType, але зазвичай використовують широкий набір основних символів, зокрема зменшені великі літери, цифри старого стилю та додаткові фігури (наприклад, гліфи та лігатури). Шрифти OpenType можна масштабувати до будь-яких розмірів, вони чіткі і легко читаються. Їх можна надсилати на принтер або інший вивідний пристрій, який підтримується Windows.
Шрифти PostScriptдеталізовані та відрізняються високими графічними характеристиками. Вони використовуються для друку, особливо для професійного високоякісного друку книг та журналів.
Який шрифт вибрати
Це залежить від багатьох факторів. Якщо потрібний шрифт, який легко читається на екрані та папері, краще вибрати шрифт TrueType.
Якщо потрібний великий набір символів для використання мовних позначок та друкарського друку, слід використовувати шрифт OpenType.
Для публікацій з професійним (наприклад, глянцевий журнал) або промислового друку вибирайте PostScript.
Найпоширеніша проблема, через яку користувачі не можуть відкрити цей файл, є невірно призначена програма. Щоб виправити це в ОС Windows вам необхідно натиснути правою кнопкою на файлі, в контекстному меню навести мишу на пункт "Відкрити за допомогою", а меню вибрати пункт "Вибрати програму...". В результаті ви побачите список встановлених програм на вашому комп'ютері, і зможете вибрати відповідну. Рекомендуємо також поставити галочку навпроти пункту "Використовувати цю програму для всіх файлів OTF".
Інша проблема, з якою наші користувачі також зустрічаються досить часто – файл OTF пошкоджений. Така ситуація може виникнути у багатьох випадках. Наприклад: файл був завантажений не повністю через помилку сервера, файл був пошкоджений спочатку і ін. Для усунення цієї проблеми скористайтеся однією з рекомендацій:
- Спробуйте знайти потрібний файл в іншому джерелі в Інтернеті. Можливо вам пощастить знайти найкращу версію. Приклад пошуку Google: "Файл filetype:OTF" . Просто замініть слово "файл" на потрібну вам назву;
- Попросіть надіслати вам вихідний файл ще раз, можливо, він був пошкоджений при передачі;
Кожен веб-дизайнер мріє про створення сайту із гарною друкаркою. Але, на жаль, браузери підтримують лише кілька гарнітур, так званих безпечних для веб шрифтів. У стандартний набір входять такі шрифти: Arial, Verdana, Times, Georgia, Courier Newта кілька інших.
Гарнітуравизначає набір з одного або більше шрифтів, кожен з яких складається з символів, що мають загальні конструктивні особливості - вага, стиль, дизайн, зображення, щільність, розмір, наприклад, шрифти без засічок (або гротески), шрифти з засічками (антиква). Гарнітура складається з набору знаків (цифри, літери, пунктуаційні знаки, спеціальні символи, також може складатися з неалфавітних символів).
Шрифт- це набір символів конкретного розміру, ваги та стилю. Наприклад, шрифт Times New Roman стиль italic розміру 16px – це один шрифт, а Times New Roman стиль italic розміру 10px – це вже інший.
Правило @font-faceдозволяє підключати різноманітні шрифти користувача. Браузер завантажує шрифти в кеш та використовує їх для оформлення тексту на сторінці. Такий підхід називається вбудовуванням шрифтів, а вбудовані шрифти - веб-шрифтами.
Правило @font-face потрібно розміщувати перед рештою правил css, оскільки цей прийом покращить продуктивність сторінки. Шрифти, що завантажуються, можна поміщати в спеціальну папку fonts , створену на сервері.
Щоб підключити шрифт за допомогою правила @font-face, потрібно:
1) завантажити файл шрифту на сервер у кількох форматах для підтримки всіма браузерами,
2) вказати назву шрифту, прописати посилання на файл і задати опис шрифту,
3) додати ім'я шрифту до властивості font-family елемента, який буде відображатися даним шрифтом.
@font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), /* IE8+, знак? дозволяє обійти баг в обробнику значення src */ url(WebFont.woff) format("woff"), /* всі сучасні браузери, IE9+ */ url(WebFont.ttf) format("truetype"); /* всі сучасні браузери */ ) p (font-family: "WebFont", Arial, sans -serif;)
Цей код каже браузеру відображати текст усередині елемента
Використання шрифту WebFont. Якщо браузер з будь-якої причини не зможе завантажити шрифт, він вибере відповідний зі списку шрифтів. Він перебирає їх у вказаному порядку доти, доки не знаходить шрифт, який зможе успішно використовувати.
Усередині кожного сімейства шрифту можна визначити до дев'яти значень жирності (ваги). Тому для кожного шрифту, що вбудовується, а також для кожного накреслення потрібно задавати окреме правило @font-face , тобто. не можна оголосити в одному правилі два різні шрифти або шрифти одного сімейства, але різних стилів і ваги.
@font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url(WebFont.ttf) format( "truetype"); font-weight: bold; font-style: italic; ) @font-face ( font-family: "WebFont"; .woff) format("woff"), url(WebFont.ttf) format("truetype"); font-weight: 400; font-style: normal;
Загалом для шрифту можна задати такі властивості:
@font-face ( font-family: "FontName"; src: url() format(" "); font-variant: ; font-stretch: ; font-weight: ; font-style: ; )
Якщо ви припускаєте, що на комп'ютері користувача встановлено цей шрифт і хочете, щоб шрифт завантажувався тільки після перевірки його наявності у користувача, можна скористатися значенням local() для завдання адреси:
@font-face ( font-family: "WebFont"; src: local("WebFont"), url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url (WebFont.ttf) format("truetype"); font-weight: bold; font-style: italic;
Формати веб-шрифтів
Властивість @font-face має хорошу підтримку у браузерах, але різні браузери використовують різні формати шрифтів. Існують чотири основні формати шрифтів:
Формат WOFF(Web Open Font Format), відкритий мережевий формат шрифту, розроблений Mozilla. Технічно WOFF не можна назвати форматом шрифту, оскільки він є лише оболонкою з функцією стиснення. Формат стискає шрифти у форматі TTF/OTF для використання в Інтернеті. Також WOFF дозволяє додавати до файлу метадані, наприклад, відомості про ліцензію.
Формати OTF/TTF(OpenType Font та TrueType Font) працюють у більшості браузерів. Обидва формати розповсюджуються вільно.
Формат EOT(Embedded Open Type) створений розробниками Microsoft, що представляє стислу копію шрифту TTF, повторне використання якого забороняється технологіями DRM (Digital Rights Management, цифрове управління правами доступу). Підтримується тільки в IE, починаючи з 8 версії.
SVG/SVGZ(Scalabe Vector Graphics) - тип файлів шрифтів, що представляє векторне зображення шрифту. Як правило, має менші розміри файлів, що дозволяє покращити продуктивність на мобільних пристроях. Працює в Opera Mobile та iOS Safari.
Складності використання вбудованих шрифтів
1) Файли шрифтів можуть бути великих розмірів, тому в деяких випадках додавання @font-face уповільнює завантаження сторінок.
2) З деякими шрифтами пов'язані ліцензійні обмеження, які не допускають безкоштовного використання.
3) Деякі шрифти просто погано виглядають на веб-сторінках.
Привіт, Хабре!
Вже написані гори статей, що описують різні сторони роботи з веб-шрифтами, зібрано безліч прикладів, що працюють, але щодня ми продовжуємо стикатися з елементарним нерозумінням того, що таке веб-шрифти. Не у всіх є час гуглити матеріали на цю тему, тому я спробував дати відповіді на запитання, що часто ставляться. Цей матеріал буде цікавий насамперед тим, хто ще не заглиблювався у тонкощі шрифтових технологій.
01. Навіщо взагалі потрібні веб-шрифти, чому не обійтись стандартними?
Перше, що спадає на думку, стандартні шрифти страшенно набридли, а за їхньої допомоги важко зробити щось оригінальне. Як правило, більшість з них навіюють тугу і зневіру не тільки на користувачів, але і на веб-дизайнерів. Нестандартні шрифти в цьому випадку виразніші і крім того їх на порядок більше, так що є з чого вибрати. А ще, шрифт є невід'ємною частиною бренду, тому кожна компанія прагне активніше використовувати його, раз з'явилася така технічна можливість.І можна було б зовсім відмовитися від стандартних шрифтів, тим більше, що багато мобільних ОС їх не підтримують (наприклад, Arial, Taһoma, Verdana та Georgia). Але, на жаль, індустрія, що багато років підганяється під 96 DPI екрани і джорджії-вердани, виявилася не зовсім готовою до швидких змін, і на старих ОС Windows досі виникають проблеми з відображенням нестандартних шрифтів через особливості механізму растеризації.
02. Як вибрати хороший веб-шрифт?
Шрифт - це не просто оцифрований набір букв, створений пензлем на папері або в ілюстраторі, це ще й 98% доведення та полірування, хінтівки та тестування на різних носіях та в різних розмірах. Такий шрифт добре виглядає, його стиль вигострений, з ним не виникне проблем ні на принтері, ні на екрані, від нього віє добротністю.Однак при виборі шрифту набагато більше значення має навіть не це, а доцільність та відповідність шрифту способу використання та покладеним на нього завданням. Якщо працюєш зі шрифтами, потрібно розуміти, як усе це працюєякі технології використовуються. Це допоможе не пам'ятати купу незрозумілих завчених правил, схоплених уривками. Наприклад, кожен поважаючий себе поліграфіст знає, чому небажано використовувати шрифти TrueType при офсетному друку, які шрифти можна використовувати як текстові, а які - тільки для заголовків або покажчиків. Якщо він цього не знатиме, потім доведеться передруковувати величезний тираж, а на роботі на нього чекатимуть постійні сюрпризи та проблеми. Дивно, чому до веб-дизайнерів ніхто не висуває жодних вимог.
03. Як браузери малюють шрифти?
Досить часто доводилося чути, мовляв, браузери самі малюють шрифти, тому скрізь виглядають по-різному. Але насправді малюванням шрифтів займається спеціальна графічна підсистема ОС: у Windows це GDIабо DirectWrite, а на OS X та iOS - CoreText(а раніше QuickDraw). Усього є 3 поширені механізми растеризації (рендерингу) шрифтів: двоколірне (чорно-біле) піксельне, монохромне піксельне (його ще часто називають antialiasing або звичайне згладжування) і субпіксельне. Субпіксельне використовує особливість РК та плазмових дисплеїв, де кожен піксель розділений на 3 частини (червону, зелену та синю), для того, щоб збільшити горизонтальну роздільну здатність відмальованої картинки та підвищити чіткість.
Однак браузери дійсно самі вибирають спосіб малювання, з тих, що надані ОС. Наприклад, у складі GDI є 3 варіанти рендерингу: ч/б, звичайне згладжування та субпіксельний ClearType. Особливість останнього в тому, що згладжування відбувається тільки по горизонталі, відповідно до розташування субпікселів. Саме тому при його використанні ми часто спостерігаємо жахливі зубці на горизонтальних та діагональних штрихах шрифту. На щастя, Microsoft почала потихеньку вдосконалювати механізм, і на зміну GDI прийшла технологія DirectWrite, де з'явилося згладжування по вертикалі. Порівняйте:
04. TTF чи OTF?
TrueType і PostScript - це були різні формати шрифтів. У TrueType використовуються квадратичні криві Безьє, а в PostScript кубічні криві, добре знайомі дизайнерам, що працюють у Illustrator та Photoshop. Сьогодні обидва способи опису кривих використовуються у складі одного формату OpenType, з тією різницею, що файли з TrueType мають розширення TTF, а з PostScript - OTF. Кожна з технологій має свої особливості хінтингу та специфіку застосування.
Подивіться на зображення. Якщо TrueType шрифт набагато читабельніший у дрібному кеглі, але у великому розмірі ми бачимо характерні зубці, то для PostScript шрифту все рівно навпаки. Так відбувається тому, що для PS та TT браузери вибирають різні методи растрування. Для PS браузер застосував звичайне монохромне згладжування, а TT був оброблений ClearType'ом. Ось і виходить, що для текстових шрифтів краще буде TrueType, а для заголовків і великих написів краще підійде PostScript.
Ще ми бачимо, що поки що DirectWrite використовують не всі браузери. Так, його досі немає у Google Chrome.
05. Що впливає на відображення?
Іноді спосіб розтеризації краще задавати вручну. Наприклад, у браузерах з движком Webkit можна використовувати CSS-властивість - webkit-font-smoothingі включити вручну звичайне згладжування замість субпіксельного і навпаки. Є й нетривіальні методи домогтися від браузера зміни методу растрування, на хабрі одного разу пропонували .Не можна забувати і розмір шрифту (font-size). Форма контурів, контраст штрихів та читання можуть сильно відрізнятися для різних кеглів. Відкладіть графічний редактор і перегляньте, як веб-шрифт виглядає в браузері, в бойових умовах.
Ще один спосіб згладити недоліки згладжування - це керування кольором та контрастом. З метою послабити ефект хроматичного контуру (при використанні ClearType проявляються жовті та пурпурові контури по краях), можна спробувати послабити тональний контраст, наблизивши колір тла до кольору тексту. Сильно не захоплюйтесь, пам'ятайте про користувачів із ослабленим зором.
06. Чи потрібний веб-шрифтам хінтинг?
Хінтинг – це спеціальні інструкції, які жорстко прив'язують абстрактні криві шрифту до пікселів на моніторі. Абсолютна більшість шрифтів (у тому числі комерційних) - не хінтоване, тому що це досить трудомістка і складна процедура. Для TrueType та PostScript хінтинг виконується по-різному. Якщо ви берете дешевий шрифт, безпечніший формат OTF, тому що в TT процедура залишилася незмінною з часів чорно-білого растрування і не зовсім адекватна, а для PS процедура простіше, і автор має можливість зробити автоматичний хінтинг.Шрифт без хінтингу при раструванні стає замиленим, а висота букв може стрибати.
З одного боку, шрифт із хінтингом досить чіткий, контрастний і рівномірний, а з іншого - форми літер спотворюються залежно від кеглю, а інтервали можуть відрізнятися від реальних. Літери суворо підпорядковуються пікселям.
У ОС Windows ми бачимо, мабуть, найрадикальніший підхід: такі популярні шрифти як Tahoma, Verdana, Arial і Georgia були відхінтововані спеціально під GDI ClearType, і коли з'явився DirectWrite, довелося перехинтовувати та оновлювати основні шрифти в комплекті ОС.
На відміну від Microsoft Apple дотримується протилежного підходу, тому в її операційних системах використовуються такі алгоритми, які дозволяють більш-менш якісно виводити будь-який шрифт, а хінтинг взагалі не враховується.
Відповідаючи на запитання: швидко наближається епоха 300 DPI моніторів, а безліч мобільних пристроїв вже мають такий дозвіл, і незабаром хінтинг буде взагалі не потрібен. Але оскільки Windows, як і раніше, залишається хінтингозалежною і орієнтованою на монітори з низькою роздільною здатністю, в якості текстових шрифтів намагайтеся вибирати якісно відхинтовані або стандартні, а інакше текст буде нечитаним і важким для сприйняття.
07. @font-face чи Cufon?
Як би дивно це не звучало, але є ще люди, які ставлять собі це питання. Здавалося б, після того, як браузери почали підтримувати аттрибут @font-face, всі інші технології вбудовування шрифтів (Cufon, sIFR, Flash) начебто мали стати неактуальними. Але якийсь сенс все ж таки залишається, наприклад спосіб заміни шрифту зображенням, коли на сайт виводяться не векторні криві, а тільки відбиток, як принтер друкує його на аркуші або Photoshop виводить JPG, що не редагується. Це дозволено багатьма ліцензіями на стандартні (десктопні) шрифти. Деякі виробники шрифтів (наприклад, Adobe) дозволяють впроваджувати (в програми та на сервер) десктопний шрифт, якщо він залишається захищеним і його не можна скачати. Якщо у вас немає можливості купити окрему веб-ліцензію, тоді можна застосувати придатну для цього sIFR , коли вбудовується шрифт за допомогою флеш-об'єктів. Недоліком є те, що використовується Flash, який підтримується далеко не всіма пристроями. Ще можна використовувати технологію Cufon (використовується Canvas), якщо дозволяє ліцензія. Звісно, у разі скрипт буде громіздким, а виділення тексту не працює, але у безвихідній ситуації підійде.Але найкраще використовувати @font-face, він і технологічніший, і зручніший, крім того накопичений достатній досвід для роботи з ним. У нього залишається лише один недолік, що не всі виробники дозволяють використовувати свої шрифти в Інтернеті.
08. У яких форматах мають бути файли шрифту?
Підготовлені до впровадження (@font-face) на сайт шрифти на сьогоднішній день мають бути одразу в декількох форматах:TTFабо OTF- звичний нам файл шрифту, але підвантажуваний із сервера на час перегляду сайту;
WOFF- незахищений архів вихідного коду OTF або TTF, мабуть, найважливіший формат, який підтримує більшість популярних браузерів, а файли в WOFF зазвичай 2-2,5 рази легші, ніж вихідні;
EOT- Впроваджуваний TT OpenType архів, що має механізми захисту, необхідний для підтримки старих браузерів Internet Explorer (починаючи з IE8, крім TrueType кривих, підтримуються і PostScript);
SVG- Для підтримки браузера Safari.
09. Чи можна конвертувати веб-шрифти?
Що б вам не говорили, не можна просто переконвертувати файл і зберегти вихідну якість шрифту, особливо якщо спочатку він був у форматі OpenType. У процесі є шанс втратити якісь дані, вшиті у файл шрифту (компільовані інструкції, додаткові знаки, метрики). Ви помітите це, коли при конвертації файл несподівано схудне, особливо некошерно конвертувати TrueType в PostScript і назад.
Крім того, процес конвертації майже завжди суперечить умовам ліцензії, що забороняє модифікацію. Простіше кажучи - це те ж злодійство. Коли ви закинете файли в конвертор, будьте впевнені, він не пропустить їх і видасть попередження, тому що файл містить цифрові підписи виробника і відповідні заборони на модифікацію.
10. Скільки мають важити веб-шрифти?
Перш ніж відобразити сторінку, браузер повинен повністю завантажити файли шрифтів. Можливо, вам доводилося бачити ефект "font flash" (або FOUT), коли на коротку мить замість екзотичних шрифтів встигають спалахнути стандартні шрифти системи. Нормально, якщо TTF (OTF) укладається 100 кб, а WOFF (EOT) 50 кб. Завжди замислюйтеся про те, чи потрібно взагалі використовувати нестандартні шрифти, навіть якщо ви використовуєте його в 1 короткому заголовку, все одно доведеться завантажувати весь файл шрифту повністю.Чим більше в дизайні перфекціонізму, тим менше можуть важити файли шрифту і намагайтеся вибирати прості форми. У цьому сенсі ідеальна форма - це відкритий геометричний гротеск з малим контрастом. Для прискорення завантаження шрифту також буває корисно за допомогою data:uri.
11. Скільки шрифтів можна використати в Інтернеті?
З погляду дизайнера багато накреслень - це круто. Для заголовочка - Bold, а он там, для врізання - ExtraLight, непотрібні текстики взагалі запхнемо і запресуємо в Condensed Bold. Ось воно - справжнє багатство та стилістичне розмаїття. Але коли все це «багатство» починають переносити на сайт, з'ясовується, що все дуже гальмує. І краще навіть не намагатися відкрити такий сайт із мобільного пристрою. А ще, не забуваємо, що кожне зображення коштує окремих грошей, і цілком імовірно, що замовник попросить вас або знайти шрифтовий синонім, або зменшити кількість накреслень, аби не купувати всю дорогу гарнітуру. Нормально використовувати максимум 2-3 зображення однієї або різних гарнітур.12. Чи потрібно обмежувати набір символів?
Відповідь на це питання залежить від того, що це за сайт і як він буде використовуватися. Обмеження можуть бути корисними, тому що можна значно зменшити обсяг файлів. Іноді через незнання, розробники вантажать на сайт важкі файли шрифту з його повним набором знаків, і добре, якщо там немає ієрогліфів (до відома, шрифт Arial Unicode містить більшу частину символів з таблиці Юнікод важить 22 мб).Тим, хто робить англомовні сайти найпростіше, їм взагалі не потрібно вантажити додаткові знаки, достатньо тих, що є в Basic Latin (або ASCII). Якщо ви використовуєте шрифт тільки для заголовків російською мовою + вкраплення англійської, то вам буде достатньо наборів ASCII (Basic Latin) та 64 символи російського алфавіту, зовсім не обов'язково вантажити набір Cyrillic Extended із 420 символів. Зовсім інша історія, якщо ваш сайт багатомовний, у цьому випадку, щоб уникнути некоректного відображення символів, потрібно постаратися охопити всі використовуються мови.
13. Чи можна використовувати шрифтові клони?
Буває, що купити оригінал шрифту або занадто дорого, або взагалі неможливо, тоді буде доречно підібрати шрифтовий синонім (клон). Звичайно, від них не варто чекати приголомшливої якості, навіть якщо вони зроблені, скажімо, іменитою російською фірмою. Зовсім все погано, коли вам попався опус якогось анонімусу-грамотея, який вирішив випробувати себе на новій ниві, таких шрифтів остерігайтеся. Ось приклади клонів (у дужках вказаний оригінал): FreeSet (Frutiger), Pragmatica та Helios (Helvetica). Зауважте, що форми літер можуть відрізнятися. Велика кількість клонів є у довіднику шрифтових синонімів Паратайпу.
14. Як протестувати шрифт?
Дизайнери, не звикайте бачити шрифти лише крізь вікна фотошопу, графічні редактори використовують свої методи згладжування текстів, і ви можете бути обдурені гарною картинкою. Набагато корисніше навчитися тестувати та дивитися їх у браузерах. Якщо є демонстраційна сторінка, обов'язково переконайтеся, що при рендерингу не вилазять усілякі артефакти та спайки. Є ще такий інструмент як Typecast, де можна перевірити багато шрифтів, а потім показати сторінку клієнту. Для тих, хто вибирає новий шрифт для вже готового сайту - незамінний для вас сервіс Web Fonts Previewer, ви зможете протестувати будь-який шрифт на живому працюючому сайті, так, начебто ви його впровадили.15. У мене на комп'ютері є шрифт, чи можна його використовувати на сайті?
Спочатку трохи про злодійство. Я знаю багато дизайнерів, у яких на комп'ютері тисячі шрифтів, походження яких нікому не відомо. Як правило, просто завантажили з інтернету. Але чомусь ніхто не замислюється, що створення добрих шрифтів - це місяці, а іноді й роки серйозної роботи! Але не тільки тому не можна використовувати палені, незрозуміло звідки взяті шрифти, а тому, що ви можете зіткнутися з серйозними труднощами на етапі розробки.
Якщо ви хочете вбудувати в сайт шрифт, який іде у складі операційної системи, ви зможете це зробити лише розтрюючи чи використовуючи його у зображеннях. Якщо вам дуже потрібно вбудувати, тоді потрібно буде придбати окрему ліцензію, так само, як і звичайні шрифти (і Georgia, і Tahoma є у продажу).
16. Як придбати веб-шрифт?
Коли ви "купуєте шрифт" - це найближче до покупки ПЗ, коли ви отримуєте ліцензію на його використання, а не права на файл програми. Виходить, юридично скомпільований файл шрифту – це програма. Модифікація та зміна, якщо це не дозволяє ліцензія, розглядаються як порушення авторського права.Зручний спосіб купівлі шрифтів через каталоги шрифтів (Fonts.com, MyFonts, Ascender, Typekit). Ви зможете переглянути, порівняти та вибрати один із наявних варіантів використання, оплатити карткою. Для компаній найпростіше безпосередньо зв'язатися зі студією-виробником або ж надати купівлю шрифтів замовнику
А може взагалі краще не витрачати гроші на шрифт? Існує безліч чудових безкоштовних шрифтів, які ні в чому не поступаються платним!
17. Які бувають ліцензії?
Існують різні типи шрифтових ліцензій, і з появою веб-шрифтів їхня різноманітність тільки збільшилася. У реальному житті кожна компанія сама встановлює правила гри, і ліцензія шрифту може містити ознаки різних інших. Нас цікавитимуть типові.Звичайна комерційна ліцензія обмежує використання певній кількості пристроїв і допускає поширення робіт, створених з використанням шрифту. Це можуть бути журнали, газети, листівки, візитки, растровані зображення шрифту - всі разом можна назвати їх відбитками. Ця ліцензія не підходить для кіно, телебачення, Інтернету та вбудовування в програми та програми, такі права потрібно викуповувати окремо.
Є ще специфічні ліцензії, наприклад ліцензія з винятковими правами. В даному випадку компанія викуповує у шрифтовиків всі права, і навіть автор шрифту не в праві його десь використовувати. Особливо дивує, коли такі шрифти знаходяться на торрентах, або коли ними користуються якісь сторонні дизайнери.
Вільні ліцензії (public domain) - автор шрифту допускає вільне поширення, за умови вказівки свого імені (Creative Commons) або без нього (наприклад, OFL, GPL, Apache 2.0). Цей тип ліцензії допускає навіть комерційне використання, крім продажу та платного розповсюдження. Приклади: PT Sans, Opensans, Droid. Іноді дозволяється модифікація шрифту (GPL), але створена вами модифікація автоматично успадковує таку ж ліцензію (тобто вас також можуть форкнути). Свобода передбачає, що можна використовувати будь-яких носіях, зокрема. та веб.
Вільні для некомерційного використання - тобто ви можете використовувати його у всіх випадках, коли не заробите на цьому. Допустимо, для навчання, хобі та громадських проектів. Іноді, виробники дозволяють використання для дизайнерів, сподіваючись на те, що щасливий клієнт дизайнера потім купить комерційну версію шрифту.
18. У чому відмінність ліцензій для веб-шрифтів?
Веб-ліцензії - наші найулюбленіші, вони або є доповненням до основної ліцензії, або даються окремо. Регулює окремий випадок - використання шрифтів на сайтах. Як правило, найголовніше обмеження – на кількість переглядів сторінок. Наприклад, 10 тис на місяць, 100 тис або 1 млн. Тобто чим більше людей відвідують ваш сайт, тим більше ви платите за ліцензію. Є й безлімітні варіанти, коли ви платите за шрифт один раз, але вони набагато дорожчі. Напевно, запитали, а чи стежить хтось за кількістю переглядів? Найчастіше ні. Але не забувайте, що величезна кількість лічильників відстежують трафік вашого сайту і, викликавши підозру продавця, ви можете втратити ліцензію.І ще, окрема веб-ліцензія не дозволяє використання на стандартних комп'ютерах. Іноді веб-ліцензія видається безкоштовно, тобто одночасно з купівлею десктопного шрифту ви отримуєте право використовувати його веб-версію. Але це поки що рідкість, абсолютна більшість виробників потребує додаткової плати.
Після покупки ви отримуєте спеціальні файли, які вбудовуєте в сайт (TTF, OTF, WOFF, EOT), і деякі шрифти не дозволяють розміщувати ці файли на сайті в незахищеному вигляді, оскільки теоретично треті особи можуть отримати самі файли шрифтів. Третій варіант – ви використовуєте спеціальний веб-сервіс виробника шрифтів, наприклад Typekit, що належить компанії Adobe, і сплачуєте абоненську плату.
19. Де взяти хороші веб-шрифти?
Каталог вільних шрифтів від GoogleFontsquirrel - відомий конвертер та каталог веб-шрифтів
Myfonts - величезний магазин шрифтів із зручною системою оплати
Fonts.com – головний конкурент MyFonts
Typekit – сервіс для оренди шрифтів від Adobe
Typecast - вищезгаданий магазин із сервісом тестування
P.S. ще один корисний ресурс, який порадив Марії Дореулі, WebFont.ru. Licensing. Внести ясність
Tim Brown. Type rendering on the web
Tim Brown. CSS properties that affect typ rendering
Tim Brown. Type rendering: operating systems
Tim Ahrens. A Closer Look At Font Rendering
Tim Ahrens (Typekit). A closer look at TrueType hinting
The Benefits Of OpenType/CFF Over TrueType
Ільдар Кіньябулатов, веб-дизайнер ADV/web-engineering
Ви можете отримати файл, який має файл extension ending в .otf. , Які засоби вони "не можуть бути вміщені в будь-який час.
what is a .otf file?
applications that open a .otf файл
Microsoft Windows Font Viewer
Microsoft Windows Font Viewer
Font Viewer є інструментом, що є можливим для перегляду повідомлень в багатьох випадках, включаючи текст, comparison list, і великий характер map. Word processing and desktop publishing software giving font previews to make it easy to choose the font the users want. Вони, як правило, мають повний-задній аркуш fonts with each font name displayed. Тому що безліч безкоштовних font viewers не є активно розвиненими, користувачі можуть бути поставлені на old that is still useful. Будь-який Windows" standard font utilities може бути достатнім для деяких користувачів. Багато viewers є основними характеристиками maps. документ, або якщо потрібний тип типу слова в іноземній мові, пов'язаний з нерозповсюдженими characters with strane accents. Character but the most useful viewers now show the extended Unicode character set. 
FontForge for Mac