В iOS 13 Apple нарешті дозволила використовувати кастомниє шрифти на своїх мобільних пристроях. Впровадження цієї опції було кілька заплутаним, і використовувати сторонні шрифти поки що можна лише в деяких додатках, таких як пакет iWork, але все ще ця можливість може бути комусь цікавою.

Робота з менеджером шрифтів

Для початку розберемося, як взагалі використовувати різні шрифти в iOS 13 на прикладі Пошти. Почніть писати в ній новий лист, і над клавіатурою ви виявите значок Aa (можливо, для його показу доведеться спочатку натиснути на стрілочку<). Нажав на него и выбрав пункт «Шрифт по умолчанию», вы получите доступ к паре сотен предустановленных шрифтов:

Установка сторонніх шрифтів з App Store

Програм для встановлення сторонніх шрифтів в магазині додатків поки замало, і одна з безкоштовних - це Font Diner. Після установки запустіть його, натисніть на кнопку Activate зверху справа, після чого погодитеся на установку кастомних шрифтів:


Перегляд встановлених шрифтів

Зрозуміло, Apple зробила можливість переглядати і видаляти встановлені шрифти. Для цього перейдіть в Налаштування> Основні> Шрифти:

Використання сторонніх шрифтів

Забавно, хоча в додатку Пошта менеджер шрифтів є, використовувати сторонні шрифти там не можна. А ось в пакеті iWork - можна, і ми розберемо цю можливість на прикладі Pages. Зайдіть в ньому в потрібний документ, після чого натисніть на значок кисті вгорі і у спливаючому меню виберіть потрібний шрифт.

You can create beautiful websites with great typography using the @ font-face kit of SF UI Text font. Webfont and @ font-face supported all up-to-date browsers can use comfortably.

Using this font on your website is your own legal responsibility. You can check the license information of the font.


You must be logged in to use CDN.

@ Font-face kit
@ Font-face (font-family: "SF UI Text Regular"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Regular"), url ( "SFUIText-Regular.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Italic"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Italic"), url ( "SFUIText-RegularItalic.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Light"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Light "), url (" SFUIText-Light.woff ") format (" woff ");) @ font-face (font-family:" SF UI Text Light Italic "; font-style: normal; font-weight : normal; src: local ( "SF UI Text Light Italic"), url ( "SFUIText-LightItalic.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Medium"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Medium"), url ( "SFUIText-Medium.woff") format ( "woff");) @ font-face (font-family : "SF UI Text Medium Italic"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Medium Italic "), url (" SFUIText-MediumItalic.woff ") format (" woff "); ) @ Font-face (font-family: "SF UI Text Semibold"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Semibold"), url ( "SFUIText-Semibold.woff" ) format ( "woff");) @ font-face (font-family: "SF UI Text Semibold Italic"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Semibold Italic") , url ( "SFUIText-SemiboldItalic.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Bold"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Bold"), url ( "SFUIText-Bold.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Bold Italic"; font-style: normal; font-weight: normal; src: local ( "SF UI Text Bold Italic"), url ( "SFUIText-BoldItalic.woff") format ( "woff");) @ font-face (font-family: "SF UI Text Heavy "; font-style: normal; font-weight: normal; src: local (" SF UI Text Heavy "), url (" SFUIText-Heavy.woff ") format (" woff ");) @ font-face ( font-family: "SF UI Text Heavy Italic"; font-style: normal; font-weight: normal; src: loc al ( "SF UI Text Heavy Italic"), url ( "SFUIText-HeavyItalic.woff") format ( "woff"); )
sample html

Fuga doloribus occaecati pariatur.

Rem sint sit a fugiat quae.

Porro eum non incidunt unde ipsa incidunt.

Quia recusandae vel est voluptatem numquam.

Sed labore ea non eaque qui cumque.

Itaque dignissimos nam nisi.

Nostrum aut quibusdam assumenda.

Quo quo tenetur maxime fugit doloribus aut.

Error omnis rerum sint ut dignissimos quia.

Ducimus sapiente velit eos ex cupiditate.

Sed incidunt minima natus nulla.

Inventore cupiditate amet enim est consequatur.

Preview
License

This San Francisco Font (the "Apple Font") is licensed to you by Apple Inc. ( "Apple") in consideration of your agreement to the following terms and the terms of the License Agreement for the Apple San Francisco Font that was presented upon the downloading of the Apple Font. If you do not agree with these terms and the terms of the License Agreement for the Apple San Francisco Font, do not use the Apple Font.

You may use the Apple Font solely for creating mock-ups of user interfaces to be used in software products running on Apple's iOS or OS X operating systems, as applicable. The foregoing right includes the right to show the Apple Font in screen shots, images, mock-ups or other depictions, digital and / or print, of such software products running solely on iOS or OS X.

The grants set forth in this License do not permit you to, and you agree not to, install, use or run the Apple Font for the purpose of creating mock-ups of user interfaces to be used in software products running on any non-Apple operating system or to enable others to do so. You may not embed the Apple Font in any software programs or other products. Except as expressly provided for herein, you may not use the Apple Font to, create, develop, display or otherwise distribute any documentation, artwork, website content or any other work product.

You may use the Apple Font: (i) only for the purposes described in this License and the License Agreement for the Apple San Francisco Font; and (ii) only if you are a Registered Apple Developer and an eligible paid Apple Developer Program member, or as otherwise expressly permitted by Apple in writing.

San Francisco is a trademark of Apple Inc.

© 2015 Apple Inc. All rights reserved.

Legal notice

Сайт "s fonts are uploaded by our members. The license information stated by the members is usually correct but we can not guarantee it. We give great importance to copyright and have developed some techniques to make sure that the previously mentioned issue doesn" t occur, also the system automatically displays the copyright information of the font here. If you believe that this font is in violation of copyright and isn "t legal, please let us know in order for the font to be removed or revised.

You can also check the legal and commercial status of this font;

It is the users "own legal responsibility to download and use this font.

San Francisco - шрифт від компанії Apple, який вперше був представлений своєї аудиторії в кінці 2014 року. До цього часу компанія використовувала шрифт «», який, на думку Apple, мав слабкі сторони на увазі поганий читання дрібного тексту.

Зараз же вся лінійка продукції Apple впевнено тримається на своєму власному шрифті «San Francisco», скачати який ви можете безкоштовно під цією статтею. Сімейство «San Francisco» поділяється на дві підродини, це «Text» і «Display». Відмінністю є більше межбуквенное відстань у першого варіанту. Ця характеристика дає підродини кращу чіткість маленького за розміром шрифту, і саме він використовується на невеликих пристроях компанії типу iWatch.

Підтримка кирилиці (російської мови), як і англійської - без сумніву присутній.

Завантажити безкоштовно шрифт «San Francisco»

В архіві, який ви можете завантажити в кінці статті, представлено 21 накреслення (майже по половині на кожне підродина) в трьох різних форматах.

підродина « Text»- це: Bold, Bold Italic, Heavy, Heavy Italic, Italic, Light, Light Italic, Medium, Medium Italic, Regular, Semiboldі Semibold Italic.

У свою чергу, підродина « Display»- це накреслення: Black, Bold, Heavy, Light, Medium, Regular, Semibold, Thinі Ultralight.

Зверніть увагу, Що шрифт ліцензований компанією Apple, а це значить, що ви маєте право використовувати його при розробці програмного забезпеченнядо продукції Apple, а також на скріншотах аналогічної продукції.

Пам'ятайте це, і вдалих вам творчих починань!

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

основи

Важливо розуміти терміни будови шрифтів, щоб відокремлювати один шрифт від іншого і розуміти властивості кожного з них. Спочатку вам варто зрозуміти ці терміни: лінія верхніх виносних (ascender line), лінія нижніх виносних (descender line), базова лінія (baseline), міжрядковий інтервал (leading) і зростання малих (X-height).

п'ять правил

Велика частина людей читають тексти в Інтернеті або на мобільних пристроях. П'ять правил хорошого шрифтового оформлення можна застосувати і у пресі, і в цифрових інтерфейсах. Хороші шрифти роблять досвід читання приємним, спонукають людину читати більше і без зусиль, тому вибір шрифту повинен бути спрямований на максимальну зручність.

San Francisco

Це новий шрифт за замовчуванням в iOS, який змінив Helvetica Neue. Ви можете завантажити його . Цей шрифт був створений для зручності читання, щоб текст був оптимально розбірливим. Варто зауважити, що цей шрифт був створений в Apple. В цьомувідео про шрифт розповідається більш детально.

Залежно від розміру шрифту iOS автоматично підлаштовує значення межбуквенного інтервалу і перемикається між варіантами шрифту Text і Display. Якщо розмір шрифту 20 pt або більше, використовується SF UI Display, а якщо розмір шрифту менше 10 pt, використовується SF UI Text.

Розмір

При створенні дизайну для iOS розмір вашого шрифту повинен бути не менше 11 pts, щоб зберігати розбірливість на iPhone, iPad і Apple Watch. Це мінімальне значення розміру, а ідеальне лежить в діапазоні між 15 і 19 pt.

накреслення

При використанні сучасного шрифту на кшталт SF, Proxima Nova або Museo, ви виявите, що у них є кілька варіантів накреслень: Thin, Ultralight, Medium, Semibold, Bold, Heavy і Regular. Розмір і накреслення шрифту доповнюють один одного. Корисно пам'ятати, що при 11-19 pt варто використовувати Regular, при 20-34 pt - Medium, а для 34 pt і більше - Bold. Light і Ultralight можна використовувати, коли розмір шрифту дуже великий, щоб текст можна було прочитати, однак варто пам'ятати, що великі заголовки в iOS 11 зазвичай написані жирним шрифтом.

Міжрядковий інтервал

В ідеалі міжрядковий інтервал повинен становити 120-145% розміру шрифту. Якщо він буде менше, текст буде виглядати стиснутим і його буде важко читати. Коли інтервал має ідеальний розмір, у кожного рядка є свій простір, і все стає легше читати.

Кількість символів в рядку

Люди швидше читають текст, який більше витягнуть вертикально, ніж текст, який має більше символів в рядку. Якщо рядок занадто довга, людина відчуває велику когнітивну навантаження, так як йому або їй доводиться фокусуватися на кожному слові в рядку. Для підтримки гладкого досвіду читання в ідеалі рядок повинен містити 45-90 символів.

інформаційна ієрархія

Ієрархія і взаємодії повинні повідомлятися через ваш шрифт. Використовуйте великий жирний шрифт для заголовків, сірий Medium-шрифт в 14-15 pt для підписів. Використовуйте меншу прозорість для тексту, в якому міститься не найважливіша інформація.

Антиква і гротеск

Шрифт із зарубками або без зарубок буде хорошим вибором: Все залежить від типу програми. Шрифт із зарубками зазвичай використовується в додатках, які містять багато тексту, наприклад, medium, iBooks, Bloomberg і The New York Times.

Шрифти без зарубок використовуються частіше, так як вони більш нейтральні і безпечні. Ви побачите їх в більшості додатків в App Store.

Ресурси зі шрифтами

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

У Google Fonts відмінний інтерфейс і хороша вибірка шрифтів для будь-якого можливого стилю. Ви можете завантажити файли шрифтів і помістити їх в проект Xcode, щоб їх використовувати.

У Typekit чудова колекція безкоштовних і платних шрифтів, які є частиною підписки Adobe Creative Cloud. Деякі відмінні шрифти з колекції - Proxima Nova і Museo.

Це відмінний сервіс, який дає вам можливість спробувати шрифти протягом 60 хвилин до того, як їх придбати. Ви можете також взяти шрифти в оренду за частку їх ціни, щоб використовувати їх протягом певного часу.

керівництва

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

Цей гід розповість вам більше про поєднання шрифтів, апострофа, лапках, дужках і так далі.

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

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

Якщо ви знайшли друкарську помилку - виділіть її та натисніть Ctrl + Enter! Для зв'язку з нами ви можете використовувати.

компанія Appleготується представити нову версію операційної системи OS X - 10.11. Серед особливої ​​уваги заслуговує використання нового системного шрифту. Не будемо чекати офіційної презентації, приміряємо його прямо зараз.

Новина про те, що OS X 10.11(А разом з нею і Мобільна версія iOS 9) отримає новий системний шрифткілька забавляє користувачів і повністю бентежить розробників ПЗ під платформу Mac. Адже в разі повного переходу Apple на шрифт "San Francisco"розробників чекає виснажливий процес по розмітці інтерфейсу своїх додатків. Що ж, мабуть «політика сталості» змінилася на політику «непотрібних розробок» і варіантів два: або ми з вами скептики, або Apple дійсно працює не над тим, чого б хотів користувач.

Apple і шрифти

Історія кохання компанії до шрифтів почалася ще з часів її заснування. І свою схильність до каліграфії Стів Джобс виявив при розробці логотипу. Тоді горде ім'я бренду Apple Computer було написано шрифтом Motter Tektura, Розробленому в 1975 році австрійським дизайнером Отмаром Моттером.

Вибір на користь Motter Tektura упав в зв'язку з його новаторством і «технологічним видом». У 1984 році на ринок виходить комп'ютер Macintosh, а настільки важлива подія була зустрінута використанням абсолютно нового (в рамках компанії) шрифту Apple Garamond. оригінальний ITC Garamondбув створений в 1977 році Тоні Станом. Його особливістю стало високий ступінь щільності (близько 60-70% в порівнянні з традиційним шрифтами).

Саме це і припало до душі Apple. Знаменитий гасло компанія «Think different» - «Думай інакше», Як і ряд рекламних проспектів Apple виконувався за допомогою шрифту Apple Garamond. Аж до виходу Mac OS X 10.3 Apple Garamond поставлявся окремо в складі дизайнерського пакета шрифтів.

У 2002 році компанія приймає рішення змінити декорації і в якості основного шрифту вибирає сімейство Adobe Myriad. Над ним працювали відразу два дизайнера - Роберт Слімбахі Керол Твомбліна замовлення Adobe.

Вся текстова інформація, Супутня виходу таких продуктів як iPod Photo, iPod 5-го покоління, iPod Nano (1-2 покоління), Оформлялася з використанням власної модифікації шрифту Myriad - Podium Sans(З характерним написанням букв «M» і «Y»).

Все ітерації операційної системи Mac OS X, що пізніше отримала ім'я OS X, (з 1999 по 2014 рік) отримували від розробників один і той же системний шрифт - Lucida Grande. З виходом ювілейної OS X 10.10 Yosemite компанія вирішила подарувати користувачам і новий шрифт. Helvetica Neueвпевнено увійшов в життя маковода. Незважаючи на ряд подібностей, Helvetica Neue, на думку дизайнерів Apple, є більш економним з розподілу на горизонтальному рядку.

Шрифт Helvetica Neue був розроблений ще в дні зародження комп'ютерної ери швейцарським друкарем Максом Мідінгерв далекому 1957 році в Базелі (Швейцарія). Спочатку шрифт отримав ім'я Neau Haas Groteskв честь давньої друкарською фабрики Haas'sche Schriftgiesserei. У 1960 був перейменований в звичний Helvetica, Що дослівно перекладається як «швейцарський». Компанія Apple в якості основи для системного шрифту в OS X Yosemite вибрала шрифт Helvetica Neue, Розроблений на початку 1983 року.

Але не встигли очі користувачів за рік звикнути до «нового швейцарському», як дизайнери знайомлять нас новим зображенням букв. У недавно представленій новинці Apple Watch використовується шрифт сімейства San Francisco. Він здається вам знайомим? Ви не помилились. Саме з San Francisco красується на розкладці нового 12-дюймового MacBook.

Проблематика такого вимушеного переходу компанії на новий шрифт полягає не тільки в бажанні компанії уніфікувати інтерфейс всіх операційних систем, створених для різного типупристроїв Apple, а й у виборі універсального шрифту. Адже за свою більш ніж 50-річну історію Helvetica перестав бути тим елегантним, досконалим і раціональним шрифтом, який створювався швейцарськими дизайнерами.

Слабкі сторони Helvetica Neue:

  • розширення літерного накреслення всього сімейства;
  • видозмінена товщина шрифту;
  • недосконалий алгоритм заокруглення внутрібуквенного просвіту;
  • постійні адаптації під лінотипи (поліграфічне обладнання) призвели до того, що шрифт став «занадто квадратним».

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

В кінці-кінців Apple вирішила повернутися до витоків і зупинити свій вибір на розробленому більше 30 років тому і використовується на перших комп'ютерах Macintosh шрифті San Francisco. Шрифт спеціально розроблявся всередині компанії NeXT, одним з найталановитіших дизайнерів Сюзанною Каре. Оригінальний San Francisco разюче відрізняється від того, що використовується сьогодні в смарт-годинах Apple Watch.


Перший шрифт San Francisco від Apple

San Francisco 2014 року - це абсолютно нове сімейство шрифтів, спеціально розроблене всередині компанії для носяться аксесуарів.

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

Отже, новий шрифт San Francisco готується і до поневолення платформ OS X і iOS. Що ж, давайте подивимося, як він буде виглядати?

заміна шрифту

Отже, давайте замінимо стандартний шрифт Helvetica Neue на той, який в нової версіїопераційної системи готує нам Apple.


Після завантаження OS X Yosemite системний шрифт буде змінений: