В чем секрет новых шрифтов Apple San Francisco
В закладки
На самом деле таких секретов много и они будут интересны не только полиграфистам и адептам каллиграфии.
Релиз iOS 9 успешно состоялся, и одним из заметных нововведений стала замена шрифта в интерфейсе. Старый добрый Helvetica Neue сдал позиции шрифтам San Francisco. Они уже знакомы пользователям по Apple Watch, а теперь и вовсе стали стандартом для всех продуктов Apple — от iPhone до Mac.
Кликабельно
Шрифты Helvetica использовались Apple со времен первого iPhone. Причем, на Mac изначально использовался тип шрифта Lucida Grande, а Helvetica пришел ему на смену в OS X Yosemite 10.10. Но почему в руководстве компании вновь решили видоизменить привычный шрифт в интерфейсах мобильной и компьютерной ОС?
Helvetica плохо виден в мелком тексте
Оказывается, Helvetica совершенно не подходит для написания текстов мелким шрифтом. С переходом на этот шрифт в OS X Yosemite разработчики стали жаловаться на нечеткость текстов.
Вот пример, когда мелкий кегль шрифта Helvetica совершенно невозможно прочитать, текст просто сливается в одно мутное пятно. Говорят, что в Apple решили использовать шрифт San Francisco, чтобы пользователям было комфортно читать сообщения на Apple Watch.
Но ведь сегодня, за счет разрешения дисплеев смартфонов, читать на них контент порой проще и приятней, чем некоторые печатные тексты на бумаге. Да и дисплей iPhone гораздо больше, чем экран Apple Watch. Зачем же производителю было полностью переходить на использование San Francisco во всех продуктах — и в iPhone, и в iPad, и на Mac?
Шрифт San Francisco для iOS-устройств и компьютеров отличается
У San Francisco есть определенный ряд особенностей, которые делают данный шрифт более удобным в использовании в интерфейсах продукции Apple. Например, для Apple Watch используется один тип этого шрифта, а для iOS-устройств и Mac — другой. В частности, именно San Francisco применен в iOS и OS X, а для Apple Watch разработчики Apple выбрали San Francisco Compact. Отличаются они тем, что в SF Compact линии букв менее округлые, чем в стандартном SF.
Кликабельно
Благодаря такой разнице в текстах, написанных SF Compact, между буквами остается чуть больше места. Это и обеспечивает большую четкость текста на маленьких дисплеях Apple Watch.
К тому же, и SF, и SF Compact делятся еще на две подкатегории шрифтов — «Text» и «Display». Эту особенность в Apple зовут «оптический размер». Шрифты типа «Text» используются для совсем мелких текстов, а шрифты «Display» — для более крупных.
Как уже становится понятно, в рубленых шрифтах вроде Helvetica стоящие рядом буквы будто сливаются, а знаки «a», «e» и «s» вообще сложно отличить друг от друга в особенно мелком тексте.
В San Francisco, особенно в шрифтах для мелкого кегля «Text», подразумеваются бóльшие промежутки между буквами в словах, чем в шрифтах группы «Display». Да и сами слова выглядят чуть более растянутыми, что также облегчает их прочтение если использован мелкий шрифт.
Кликабельно
Динамичность шрифтов San Francisco
Одна из лучших особенностей San Francisco заключается в том, как шрифт динамично оптимизирует свой рисунок. Система автоматически делает выбор между типами «Text» и «Display» в зависимости от размера текста. Так, тип шрифта 20 pt находится как раз на границе Text/Display.
Кликабельно
Дизайнерам и инженерам не нужно думать о том, какой им использовать шрифт. Им просто нужно задать класс шрифтов UILabel, а система уже автоматически подберет подходящий шрифт.
Привлекает внимание и то, как в шрифтах San Francisco отображается двоеточие. Обычно оно располагается прямо на строке, а в SF этот знак препинания автоматически выравнивается, поднимаясь над строкой и становясь по центру между цифрами.
San Francisco – шрифт цифровой эры
Как мы можем видеть, шрифты San Francisco разработаны специально для удобства прочтения текста в любом размере и на любом устройстве.
Шрифт Helvetica был придуман в Швейцарии в 1957 году, когда электронных устройств и в помине не было. Сегодня он до сих пор используется как официальный шрифт во многих компаниях, и наверняка в будущем еще сохранится как своего рода классика.
С другой стороны, San Francisco — шрифт современный. Он динамично меняет свой рисунок в зависимости от контекста. Его можно заслуженно считать одним из новых шрифтов уже исключительно цифровой эры. [Medium]
Я лично в восторге от San Francisco в iOS 9. По моим личным ощущениям картинка на iPhone стала восприниматься комфортнее в целом. Как-то более динамично, удобно — сложно выразить словами. С другой стороны, это явно дело вкуса, так как успел прочитать в Сети и немало негативных отзывов на новый шрифт. Что ж, каждому свое, как говорится. Помнится, я и от дизайна iOS 7 был в восторге (как и сейчас от iOS 9, в особенности понравилось повышенное количество анимации), а многие до сих пор с тоской вспоминают о скевоморфистской iOS 6.
В закладки
Роман Юрьев
Дотошный блогер, гаджетоман, лысый и бородатый фитнес-методист. Увлекаюсь технологиями, спортом и диетологией.
Fonts for Apple platforms
Get the typefaces you need to design interfaces for your apps on Apple platforms. These typefaces are designed to optimally display text at a variety of sizes and in a wide range of languages across multiple interfaces.
San Francisco
San Francisco is an Apple designed typeface that provides a consistent, legible, and friendly typographic voice. Across all Apple products, the size-specific outlines and dynamic tracking ensure optimal legibility at every point size and screen resolution. Numbers have proportional widths by default, so they feel harmonious and naturally spaced within the time and data-centric interfaces people use every day.
Nine weights, including italics — and features like small caps, fractions, inferior and superior numerals, indices, arrows, and more — offer breadth and depth for precision typesetting. San Francisco also adapts intelligently to different contexts. When indicating time, for example, the colon in San Francisco switches to a vertically centered form. And each operating system works with the typeface to apply size-specific font features automatically.
SF Pro
This neutral, flexible, sans-serif typeface is the system font for iOS, iPadOS, macOS and tvOS. SF Pro features nine weights, variable optical sizes for optimal legibility, four widths, and includes a rounded variant. SF Pro supports over 150 languages across Latin, Greek, and Cyrillic scripts.
SF Compact
Sharing many features with SF Pro, SF Compact features an efficient, compact design that is optimized for small sizes and narrow columns. SF Compact is the system font for watchOS and includes a rounded variant.
SF Mono
This monospaced variant of San Francisco enables alignment between rows and columns of text, and is used in coding environments like Xcode. SF Mono features six weights and supports Latin, Greek, and Cyrillic scripts.
New York
A companion to San Francisco, this serif typeface is based on essential aspects of historical type styles. New York features six weights, supports Latin, Greek, and Cyrillic scripts, and features variable optical sizes allowing it to perform as a traditional reading face at small sizes and a graphic display face at larger sizes.
SF Script Extensions
Like San Francisco, these extensions to the Apple system font feature nine weights, a rounded variant, and variable optical sizes that automatically adjust spacing and proportion based on the point size.
Each script extension has been designed to fit with SF Pro for multilingual typesetting, while respecting the natural proportions for each script by adjusting weight, contrast, and vertical metrics.
SF Arabic
A contemporary interpretation of the Naskh style with a rational and flexible design.
SF Armenian
Designed with proportions that have been adjusted for a better visual balance in multilingual typesetting.
SF Georgian
Supports modern Georgian, Mkhedruli, and Mtavruli uppercase forms.
SF Hebrew
With full support of the Niqqud diacritical marks.
Human Interface Guidelines
Read the Human Interface Guidelines to learn how to use these fonts in your apps on Apple platforms.
Videos
Gain insight into typographic principles and how they apply to the San Francisco fonts, the result of a deep collaboration between design and engineering teams. This typeface defers to the content it displays to give text unmatched legibility, clarity, and consistency.
Frameworks and tools
Use the latest frameworks in Xcode to integrate dynamic text handling and typesetting capabilities into your app.
SwiftUI
SwiftUI provides custom text management across all Apple platforms.
UIKit
UIKit provides custom text management and rendering across Apple platforms.
AppKit
AppKit provides font selection, text processing, and rendering for macOS.
SF Symbols
SF Symbols provides over 5,000 configurable symbols that integrate seamlessly with San Francisco.
Core Text
This text engine and API for Apple platforms provides sophisticated text handling and typesetting capabilities for managing adaptive user interfaces.
Apple Font Tool Suite
This suite of command-line tools includes an installer package, tutorial, user documentation, and reference.
TrueType and AAT
Get specifications for the TrueType font format and the Apple Advanced Typography (AAT) Font Feature Registry for advanced font rendering.
Developer Footer
APPLE INC.
LICENSE AGREEMENT FOR THE APPLE SAN FRANCISCO FONT
For iOS, OS X and tvOS application uses only
PLEASE READ THIS SOFTWARE LICENSE AGREEMENT («LICENSE») CAREFULLY BEFORE USING THE APPLE SAN FRANCISCO FONT (DEFINED BELOW). BY USING THE APPLE FONT, YOU ARE AGREEING TO BE BOUND BY THE TERMS OF THIS LICENSE. IF YOU ARE ACCESSING THE APPLE FONT ELECTRONICALLY, SIGNIFY YOUR AGREEMENT TO BE BOUND BY THE TERMS OF THIS LICENSE BY CLICKING THE «AGREE » BUTTON. IF YOU DO NOT AGREE TO THE TERMS OF THIS LICENSE, DO NOT USE THE APPLE FONT AND CLICK “DISAGREE”.
IMPORTANT NOTE: THE APPLE SAN FRANCISCO FONT IS TO BE USED SOLELY FOR CREATING MOCK-UPS OF USER INTERFACES TO BE USED IN SOFTWARE PRODUCTS RUNNING ON APPLE’S iOS, OS X OR tvOS OPERATING SYSTEMS, AS APPLICABLE.
1. General.
A. The Apple font, interfaces, content, data, and other materials accompanying this License, whether on disk, print or electronic documentation, in read only memory, or any other media or in any other form, (collectively, the «Apple Font«) are licensed, not sold, to you by Apple Inc. («Apple«) for use only under the terms of this License. Apple and/or Apple’s licensors retain ownership of the Apple Font itself and reserve all rights not expressly granted to you. The terms of this License will govern any software upgrades provided by Apple that replace and/or supplement the original Apple Font, unless such upgrade is accompanied by a separate license in which case the terms of that license will govern.
B. Title and intellectual property rights in and to any content displayed by or accessed through the Apple Font belongs to the respective content owner. Such content may be protected by copyright or other intellectual property laws and treaties, and may be subject to terms of use of the third party providing such content. This License does not grant you any rights to use such content nor does it guarantee that such content will continue to be available to you.
2. Permitted License Uses and Restrictions.
A. Limited License. Subject to the terms of this License, 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, OS X or tvOS 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, OS X or tvOS.
You may use this Apple Font only for the purposes described in this License and only if you are a registered Apple Developer, or as otherwise expressly permitted by Apple in writing.
B. Other Use Restrictions. 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.
Except as otherwise expressly permitted by the terms of this License or as otherwise licensed by Apple: (i) only one user may use the Apple Font at a time, and (ii) you may not make the Apple Font available over a network where it could be run or used by multiple computers at the same time. You may not rent, lease, lend, trade, transfer, sell, sublicense or otherwise redistribute the Apple Font in any unauthorized way.
C. No Reverse Engineering; Limitations. You may not, and you agree not to or to enable others to, copy (except as expressly permitted by this License), decompile, reverse engineer, disassemble, attempt to derive the source code of, decrypt, modify, create derivative works of the Apple Font or any part thereof (except as and only to the extent any foregoing restriction is prohibited by applicable law).
D. Compliance with Laws. You agree to use the Apple Font in compliance with all applicable laws, including local laws of the country or region in which you reside or in which you download or use the Apple Font.
3. No Transfer. Except as otherwise set forth herein, you may not transfer this Apple Font without Apple’s express prior written approval. All components of the Apple Font are provided as part of a bundle and may not be separated from the bundle and distributed as standalone applications.
4. Termination. This License shall commence upon your installation or use of the Apple Font. Your rights under this License will terminate automatically or cease to be effective without notice from Apple (a) if you fail to comply with any term(s) of this License, (b) if you are no longer a registered Apple Developer, or (c) if Apple releases a version of the Apple Font which is incompatible with this version of the Apple Font. Upon the termination of this License, you shall cease all use of the Apple Font and destroy all copies, full or partial, of the Apple Font. Section 2B, 2C, and 5 through 10 of this License shall survive any termination.
5. Disclaimer of Warranties.
A. YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT, TO THE EXTENT PERMITTED BY APPLICABLE LAW, USE OF THE APPLE FONT IS AT YOUR SOLE RISK AND THAT THE ENTIRE RISK AS TO SATISFACTORY QUALITY, PERFORMANCE, ACCURACY AND EFFORT IS WITH YOU.
B. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, THE APPLE FONT IS PROVIDED “AS IS” AND “AS AVAILABLE”, WITH ALL FAULTS AND WITHOUT WARRANTY OF ANY KIND, AND APPLE AND APPLE’S LICENSORS (COLLECTIVELY REFERRED TO AS “APPLE” FOR THE PURPOSES OF SECTIONS 5 AND 6) HEREBY DISCLAIM ALL WARRANTIES AND CONDITIONS WITH RESPECT TO THE APPLE FONT, EITHER EXPRESS, IMPLIED OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES AND/OR CONDITIONS OF MERCHANTABILITY, SATISFACTORY QUALITY, FITNESS FOR A PARTICULAR PURPOSE, ACCURACY, QUIET ENJOYMENT, AND NON-INFRINGEMENT OF THIRD PARTY RIGHTS.
C. APPLE DOES NOT WARRANT AGAINST INTERFERENCE WITH YOUR ENJOYMENT OF THE APPLE FONT, THAT THE FUNCTIONS CONTAINED IN THE APPLE FONT WILL MEET YOUR REQUIREMENTS, THAT THE OPERATION OF THE APPLE FONT WILL BE UNINTERRUPTED OR ERROR-FREE, THAT THE APPLE FONT WILL BE COMPATIBLE OR WORK WITH ANY THIRD PARTY SOFTWARE, APPLICATIONS OR THIRD PARTY SERVICES, OR THAT DEFECTS IN THE APPLE FONT WILL BE CORRECTED. INSTALLATION OF THIS APPLE FONT MAY AFFECT THE AVAILABILITY AND USABILITY OF THIRD PARTY SOFTWARE, APPLICATIONS OR THIRD PARTY SERVICES, AS WELL AS APPLE PRODUCTS AND SERVICES.
D. YOU FURTHER ACKNOWLEDGE THAT THE APPLE FONT IS NOT INTENDED OR SUITABLE FOR USE IN SITUATIONS OR ENVIRONMENTS WHERE THE FAILURE OR TIME DELAYS OF, OR ERRORS OR INACCURACIES IN THE CONTENT, DATA OR INFORMATION PROVIDED BY, THE APPLE FONT COULD LEAD TO DEATH, PERSONAL INJURY, OR SEVERE PHYSICAL OR ENVIRONMENTAL DAMAGE, INCLUDING WITHOUT LIMITATION THE OPERATION OF NUCLEAR FACILITIES, AIRCRAFT NAVIGATION OR COMMUNICATION SYSTEMS, AIR TRAFFIC CONTROL, LIFE SUPPORT OR WEAPONS SYSTEMS.
E. NO ORAL OR WRITTEN INFORMATION OR ADVICE GIVEN BY APPLE OR AN APPLE AUTHORIZED REPRESENTATIVE SHALL CREATE A WARRANTY. SHOULD THE APPLE FONT PROVE DEFECTIVE, YOU ASSUME THE ENTIRE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
6. Limitation of Liability. TO THE EXTENT NOT PROHIBITED BY APPLICABLE LAW, IN NO EVENT SHALL APPLE BE LIABLE FOR PERSONAL INJURY, OR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, CORRUPTION OR LOSS OF DATA, FAILURE TO TRANSMIT OR RECEIVE ANY DATA OR INFORMATION, BUSINESS INTERRUPTION OR ANY OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY TO USE THE APPLE FONT OR ANY THIRD PARTY SOFTWARE, APPLICATIONS, OR SERVICES IN CONJUNCTION WITH THE APPLE FONT, HOWEVER CAUSED, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT OR OTHERWISE) AND EVEN IF APPLE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR PERSONAL INJURY, OR OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS LIMITATION MAY NOT APPLY TO YOU. In no event shall Apple’s total liability to you for all damages (other than as may be required by applicable law in cases involving personal injury) exceed the amount of fifty dollars ($50.00). The foregoing limitations will apply even if the above stated remedy fails of its essential purpose.
7. Export Control. You may not use or otherwise export or re-export the Apple Font except as authorized by United States law and the laws of the jurisdiction(s) in which the Apple Font was obtained. In particular, but without limitation, the Apple Font may not be exported or re-exported (a) into any U.S. embargoed countries or (b) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or the U.S. Department of Commerce Denied Person’s List or Entity List or any other restricted party lists. By using the Apple Font, you represent and warrant that you are not located in any such country or on any such list. You also agree that you will not use the Apple Font for any purposes prohibited by United States law, including, without limitation, the development, design, manufacture or production of missiles, nuclear, chemical or biological weapons.
8. Government End Users. The Apple Font and related documentation are «Commercial Items», as that term is defined at 48 C.F.R. §2.101, consisting of «Commercial Computer Software» and «Commercial Computer Software Documentation», as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States.
9. Controlling Law and Severability. This License will be governed by and construed in accordance with the laws of the State of California, excluding its conflict of law principles. This License shall not be governed by the United Nations Convention on Contracts for the International Sale of Goods, the application of which is expressly excluded. If for any reason a court of competent jurisdiction finds any provision, or portion thereof, to be unenforceable, the remainder of this License shall continue in full force and effect.
10. Complete Agreement; Governing Language. This License constitutes the entire agreement between you and Apple relating to the use of the Apple Font licensed hereunder and supersedes all prior or contemporaneous understandings regarding such subject matter. No amendment to or modification of this License will be binding unless in writing and signed by Apple. To the extent that there are any inconsistent terms in any applicable Apple software license agreements, these terms shall govern your use of the Apple Font.
I have read, understood, and agree to the Apple San Francisco Font License Agreement.
APPLE INC.
LICENSE AGREEMENT FOR THE APPLE SAN FRANCISCO COMPACT FONT For Apple watchOS uses only
PLEASE READ THIS SOFTWARE LICENSE AGREEMENT («LICENSE») CAREFULLY BEFORE USING THE APPLE SAN FRANCISCO COMPACT FONT (DEFINED BELOW). BY USING THE APPLE FONT, YOU ARE AGREEING TO BE BOUND BY THE TERMS OF THIS LICENSE. IF YOU ARE ACCESSING THE APPLE FONT ELECTRONICALLY, SIGNIFY YOUR AGREEMENT TO BE BOUND BY THE TERMS OF THIS LICENSE BY CLICKING THE «AGREE » BUTTON. IF YOU DO NOT AGREE TO THE TERMS OF THIS LICENSE, DO NOT USE THE APPLE FONT AND CLICK “DISAGREE”.
IMPORTANT NOTE: THE APPLE SAN FRANCISCO COMPACT FONT IS TO BE USED SOLELY FOR CREATING MOCK-UPS OF USER INTERFACES TO BE USED IN SOFTWARE PRODUCTS RUNNING ON APPLE’S watchOS OPERATING SYSTEM.
1. General.
A. The Apple font, interfaces, content, data, and other materials accompanying this License, whether on disk, print or electronic documentation, in read only memory, or any other media or in any other form, (collectively, the «Apple Font«) are licensed, not sold, to you by Apple Inc. («Apple«) for use only under the terms of this License. Apple and/or Apple’s licensors retain ownership of the Apple Font itself and reserve all rights not expressly granted to you. The terms of this License will govern any software upgrades provided by Apple that replace and/or supplement the original Apple Font, unless such upgrade is accompanied by a separate license in which case the terms of that license will govern.
B. Title and intellectual property rights in and to any content displayed by or accessed through the Apple Font belongs to the respective content owner. Such content may be protected by copyright or other intellectual property laws and treaties, and may be subject to terms of use of the third party providing such content. This License does not grant you any rights to use such content nor does it guarantee that such content will continue to be available to you.
2. Permitted License Uses and Restrictions.
A. Limited License. Subject to the terms of this License, you may use the Apple Font solely for creating mock-ups of user interfaces to be used in software products running on Apple’s watchOS operating system. 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 watchOS.
You may use this Apple Font only for the purposes described in this License and only if you are a registered Apple Developer, or as otherwise expressly permitted by Apple in writing.
B. Other Use Restrictions. 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.
Except as otherwise expressly permitted by the terms of this License or as otherwise licensed by Apple: (i) only one user may use the Apple Font at a time, and (ii) you may not make the Apple Font available over a network where it could be run or used by multiple computers at the same time. You may not rent, lease, lend, trade, transfer, sell, sublicense or otherwise redistribute the Apple Font in any unauthorized way.
C. No Reverse Engineering; Limitations. You may not, and you agree not to or to enable others to, copy (except as expressly permitted by this License), decompile, reverse engineer, disassemble, attempt to derive the source code of, decrypt, modify, create derivative works of the Apple Font or any part thereof (except as and only to the extent any foregoing restriction is prohibited by applicable law).
D. Compliance with Laws. You agree to use the Apple Font in compliance with all applicable laws, including local laws of the country or region in which you reside or in which you download or use the Apple Font.
3. No Transfer. Except as otherwise set forth herein, you may not transfer this Apple Font without Apple’s express prior written approval. All components of the Apple Font are provided as part of a bundle and may not be separated from the bundle and distributed as standalone applications.
4. Termination. This License shall commence upon your installation or use of the Apple Font. Your rights under this License will terminate automatically or cease to be effective without notice from Apple (a) if you fail to comply with any term(s) of this License, (b) if you are no longer a registered Apple Developer, or (c) if Apple releases a version of the Apple Font which is incompatible with this version of the Apple Font. Upon the termination of this License, you shall cease all use of the Apple Font and destroy all copies, full or partial, of the Apple Font. Section 2B, 2C, and 5 through 10 of this License shall survive any termination.
5. Disclaimer of Warranties.
A. YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT, TO THE EXTENT PERMITTED BY APPLICABLE LAW, USE OF THE APPLE FONT IS AT YOUR SOLE RISK AND THAT THE ENTIRE RISK AS TO SATISFACTORY QUALITY, PERFORMANCE, ACCURACY AND EFFORT IS WITH YOU.
B. TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, THE APPLE FONT IS PROVIDED “AS IS” AND “AS AVAILABLE”, WITH ALL FAULTS AND WITHOUT WARRANTY OF ANY KIND, AND APPLE AND APPLE’S LICENSORS (COLLECTIVELY REFERRED TO AS “APPLE” FOR THE PURPOSES OF SECTIONS 5 AND 6) HEREBY DISCLAIM ALL WARRANTIES AND CONDITIONS WITH RESPECT TO THE APPLE FONT, EITHER EXPRESS, IMPLIED OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES AND/OR CONDITIONS OF MERCHANTABILITY, SATISFACTORY QUALITY, FITNESS FOR A PARTICULAR PURPOSE, ACCURACY, QUIET ENJOYMENT, AND NON-INFRINGEMENT OF THIRD PARTY RIGHTS.
C. APPLE DOES NOT WARRANT AGAINST INTERFERENCE WITH YOUR ENJOYMENT OF THE APPLE FONT, THAT THE FUNCTIONS CONTAINED IN THE APPLE FONT WILL MEET YOUR REQUIREMENTS, THAT THE OPERATION OF THE APPLE FONT WILL BE UNINTERRUPTED OR ERROR-FREE, THAT THE APPLE FONT WILL BE COMPATIBLE OR WORK WITH ANY THIRD PARTY SOFTWARE, APPLICATIONS OR THIRD PARTY SERVICES, OR THAT DEFECTS IN THE APPLE FONT WILL BE CORRECTED. INSTALLATION OF THIS APPLE FONT MAY AFFECT THE AVAILABILITY AND USABILITY OF THIRD PARTY SOFTWARE, APPLICATIONS OR THIRD PARTY SERVICES, AS WELL AS APPLE PRODUCTS AND SERVICES.
D. YOU FURTHER ACKNOWLEDGE THAT THE APPLE FONT IS NOT INTENDED OR SUITABLE FOR USE IN SITUATIONS OR ENVIRONMENTS WHERE THE FAILURE OR TIME DELAYS OF, OR ERRORS OR INACCURACIES IN THE CONTENT, DATA OR INFORMATION PROVIDED BY, THE APPLE FONT COULD LEAD TO DEATH, PERSONAL INJURY, OR SEVERE PHYSICAL OR ENVIRONMENTAL DAMAGE, INCLUDING WITHOUT LIMITATION THE OPERATION OF NUCLEAR FACILITIES, AIRCRAFT NAVIGATION OR COMMUNICATION SYSTEMS, AIR TRAFFIC CONTROL, LIFE SUPPORT OR WEAPONS SYSTEMS.
E. NO ORAL OR WRITTEN INFORMATION OR ADVICE GIVEN BY APPLE OR AN APPLE AUTHORIZED REPRESENTATIVE SHALL CREATE A WARRANTY. SHOULD THE APPLE FONT PROVE DEFECTIVE, YOU ASSUME THE ENTIRE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
6. Limitation of Liability. TO THE EXTENT NOT PROHIBITED BY APPLICABLE LAW, IN NO EVENT SHALL APPLE BE LIABLE FOR PERSONAL INJURY, OR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, CORRUPTION OR LOSS OF DATA, FAILURE TO TRANSMIT OR RECEIVE ANY DATA OR INFORMATION, BUSINESS INTERRUPTION OR ANY OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY TO USE THE APPLE FONT OR ANY THIRD PARTY SOFTWARE, APPLICATIONS, OR SERVICES IN CONJUNCTION WITH THE APPLE FONT, HOWEVER CAUSED, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT OR OTHERWISE) AND EVEN IF APPLE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR PERSONAL INJURY, OR OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS LIMITATION MAY NOT APPLY TO YOU. In no event shall Apple’s total liability to you for all damages (other than as may be required by applicable law in cases involving personal injury) exceed the amount of fifty dollars ($50.00). The foregoing limitations will apply even if the above stated remedy fails of its essential purpose.
7. Export Control. You may not use or otherwise export or re-export the Apple Font except as authorized by United States law and the laws of the jurisdiction(s) in which the Apple Font was obtained. In particular, but without limitation, the Apple Font may not be exported or re-exported (a) into any U.S. embargoed countries or (b) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or the U.S. Department of Commerce Denied Person’s List or Entity List or any other restricted party lists. By using the Apple Font, you represent and warrant that you are not located in any such country or on any such list. You also agree that you will not use the Apple Font for any purposes prohibited by United States law, including, without limitation, the development, design, manufacture or production of missiles, nuclear, chemical or biological weapons.
8. Government End Users. The Apple Font and related documentation are «Commercial Items», as that term is defined at 48 C.F.R. §2.101, consisting of «Commercial Computer Software» and «Commercial Computer Software Documentation», as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States.
9. Controlling Law and Severability. This License will be governed by and construed in accordance with the laws of the State of California, excluding its conflict of law principles. This License shall not be governed by the United Nations Convention on Contracts for the International Sale of Goods, the application of which is expressly excluded. If for any reason a court of competent jurisdiction finds any provision, or portion thereof, to be unenforceable, the remainder of this License shall continue in full force and effect.
10. Complete Agreement; Governing Language. This License constitutes the entire agreement between you and Apple relating to the use of the Apple Font licensed hereunder and supersedes all prior or contemporaneous understandings regarding such subject matter. No amendment to or modification of this License will be binding unless in writing and signed by Apple. To the extent that there are any inconsistent terms in any applicable Apple software license agreements, these terms shall govern your use of the Apple Font.
I have read, understood, and agree to the Apple San Francisco Font License Agreement.
Гайдлайн по iOS на русском. Часть 44 — Визуальный дизайн: Типографика
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна (лайк, подписка и тд). В этой серии постов я делюсь вольным переводом iOS гайдлайна на русский язык. Как и с переводом Material Design все части будут объеденены в 1 notion документ. Оригинальный источник этой части: здесь.
Apple дает вам два семейства, которые вы можете использовать в iOS приложениях.
San Francisco (SF)
Сан-Франциско — это семейство гарнитур без засечек, которая включает SF Pro, SF Pro скругленный, SF Mono, SF Compact и SF Compact скругленный. SF Pro — это системный шрифт в iOS, macOS и tvOS; SF Compact — системный шрифт в watchOS. Эти шрифты спроектированы в соответствии с интерфейсами платформ; эти системные шрифты разборчивы и нейтральны по характеру.
New York (NY)
Нью-Йорк — это гарнитура с засечками, которая обеспечивает уникальный тон, разработанный в дополнение к шрифтам SF. NY работает хорошо как в контексте графики (при больших размерах), так и в контексте чтения (при размерах наборного текста).
Скачать оба семейства можно здесь.
Начиная с iOS 14, система предусматривает также что гарнитуры San Francisco и New York доступны в формате вариативных шрифтов. Этот формат объединяет различные стили шрифтов в одном файле и поддерживает интерполяцию между стилями для создания промежуточных. С помощью интерполяции шрифты могут адаптироваться ко всем размерам, при этом они выглядят будто специально разработанны для каждого размера.
Интерполяция также позволяет осуществлять оптическую калибровку, что связана с созданием различных типографских макетов для соответствия различным размерам устройств. В iOS 14 и более поздних версиях системные шрифты поддерживают динамические оптические размеры, совмещая дискретные оптические размеры шрифта, такие как “Text” и “Display” для SF Pro и SF Compact, а также “Small”, “Medium”, “Large” и “Extra large” для New York, в единый непрерывный дизайн. Такая конструкция позволяет интерполировать каждый глиф или буквенную форму для получения структуры, точно адаптированной к размеру точки.
�� От автора: Когда ты проектируешь под iOS у тебя SF семейство подразделяется еще на два подсемейства: “Text” и “Display”. В Apple это называют “Optical Sizes”. Подсемейство Text предназначены для текстов малого размера, тогда как Display — для больших размеров.
�� Использование вариативных шрифтов, на устройстве работающем на более ранней версии iOS, может привести к неожиданным результатам. В этом случае продолжайте использовать обычные “Text” и “Display” подсемейства.
Поскольку SF Pro и NY совместимы, существует множество способов добавить контраст в контексте типографики и разнообразие в ваши макеты iOS, сохраняя при этом неизменный внешний вид. Например, использование обоих шрифтов может помочь вам создать более прочную визуальную иерархию или выделить семантически что-либо в контенте.
Шрифты, разработанные Apple, поддерживают широкий диапазон начертаний, размеров, стилей и языков, поэтому вы можете создавать удобный опыт чтения во всем приложении. Когда вы используете текстовые стили и системные шрифты, вы также получаете поддержку динамического шрифта и поддержу для больших размеров в специальных возможностях системы, которые позволяют пользователям выбирать подходящий для них размер текста на уровне всей системы. Конкретные значения см. таблицах. Информация о размерах, включая значения трекинга, также доступна в Sketch, Photoshop и Adobe XD, которая лежит Apple Design Resources для iOS.
У системы iOS есть API, которые упрощают использование шрифтов SF и NY.
SF Pro and SF Compact
Гибкость системных шрифтов помогает вам добиться оптимальной разборчивости при любом размере и обеспечивает широту и глубину, необходимые для точного набора текста во всем вашем приложении.
SF Pro Rounded and SF Compact Rounded
Скругленный вариант системных шрифтов может помочь вам согласовать стиль текста с внешним видом мягких или скругленных элементов интерфейса или передать нужное настроение в типографике.
SF Mono
SF Mono — это моноширинный вариант Сан-Франциско, то есть шрифт, в котором все символы равны по ширине. Обычно вы используете моноширинный шрифт, когда хотите выровнять столбцы текста, например, в приложениях для программирования. Например, Xcode и Swift Playgrounds по умолчанию используют SF Mono.
New York
Классическая гарнитура с засечками, которую можно использовать в интерфейсе для передачи традиционного стиля чтения текста.
Выбор шрифтов для улучшения вашего приложения
Используйте встроенные текстовые стили, когда это возможно. Встроенные текстовые стили позволяют стилизовать контент визуально четкими способами, сохраняя при этом оптимальную разборчивость. Эти стили, включая заголовок, основной текст, выноску и несколько размеров заголовка, основаны на системных шрифтах и позволяют использовать ключевые типографские функции, такие как динамический шрифт, который автоматически подстраивает трекинг и интерлиньяж для каждого размера шрифта.
Подчеркните важную информацию. Используйте начертание, размер и цвет шрифта, чтобы выделить наиболее важную информацию в вашем приложении.
Расставляйте приоритеты в содержании при реагировании на изменения размера текста. Не все материалы одинаково важны. Когда кто-то выбирает больший размер в системе, он хочет облегчить чтение интересующего его контента; он не всегда хочет, чтобы каждое слово на экране было больше.
Сведите к минимуму количество шрифтов, которые вы используете в своем интерфейсе. Смешивание большого количества разных шрифтов может привести к тому, что ваше приложение будет выглядеть фрагментированным и неаккуратным.
Измените интерлиньяж (высоту строки), чтобы улучшить удобочитаемость или сэкономить место. Интерлиньяж — это пространство между строками текста. В некоторых случаях текстовые макеты работают лучше, когда вы увеличиваете или уменьшаете это пространство. При отображении текста в широких колонках или длинных отрывках текста бОльшее пространство между строками может облегчить людям слежение за строчками при переходе от одной к следующей. И наоборот, если вам нужно отобразить две строки текста в области, где высота ограничена — например, в строке списка, — уменьшение интерлиньяжа может помочь тебе уместить текст. Если вам нужно отобразить три или более строк текста, избегайте плотного интерлиньяжа даже в областях, где высота ограничена.
Убедитесь, что кастомные шрифты разборчивы. Кастомные шрифты поддерживаются в iOS, но они могут быть сложны для чтения, особенно если у них есть стилистические атрибуты, которые затрудняют распознавание букв в небольших размерах. Если у вашего приложения нет настоятельной потребности в кастомном шрифте — например, в целях брендинга или для создания погружающего игрового опыта, — обычно лучше придерживаться системных шрифтов. Рассмотрите возможность использования кастомного шрифта только для заголовков; если вы используете его для наборного текста или текста в контролах, убедитесь, что он разборчив, даже при небольших размерах.
Реализуйте специальные возможности для кастомных шрифтов. Системные шрифты автоматически реагируют на системные настройки специальных возможностей, такие как полужирный текст и более крупный шрифт. Реализуйте такое же поведение в приложениях, использующих кастомные шрифты, убедившись, что функции специальных возможностей включены.
Подкручивайте трекинг по мере необходимости в макетах. В запущенном приложении системные шрифты динамически подкрутят трекинг для каждого размера. Чтобы создать пиксель-перфект макет, который использует вариативные системные шрифты, вам может потребоваться вручную настроить трекинг.
Динамические размеры шрифта
Динамический шрифт обеспечивает дополнительную гибкость, позволяя юзерам выбирать предпочитаемый размер текста. Ниже представлены начертания, размеры и начальные значения для каждого стиля текста при разных размерах динамического шрифта.
Размеры шрифта для доступности
В дополнение к стандартным размерам, система предлагает ряд бОльших размеров для юзеров с ограниченными возможностями. Ниже приведено начертание, размер, а также значения для каждого стиля текста.
Значения трекинга
Чтобы помочь вам создать аккуратные макеты, используйте значения трекинга, которые система предлагает для различных размеров SF Pro, SF Pro со скругленными формами, а также для гарнитуры Нью-Йорк.
Зачем Apple придумали и ввели в iOS новый шрифт San Francisco?
Apple использовала набор шрифтов Helvetica в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande в Mac OS X, начиная с версии 10.10 Yosemite. Так почему же теперь Apple решила избавиться от самого любимого в мире шрифта?
iOS 9 стал официально доступен для всех, и новое семейство шрифтов под названием San Francisco ненавязчиво заменило Helvetica Neue.
Helvetica (слева) и San Francisco (справа)
К этому моменту они уже использовались в Apple Watch. Теперь же San Francisco стал единым стандартным шрифтом для всех продуктов платформы: Apple Watch, iPhone, iPad и Mac.
Apple использовала семейство Helvetica в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande в Mac OS X, начиная с версии 10.10 Yosemite. Так почему же теперь Apple решила избавиться от самого любимого в мире шрифта?
Малые размеры — слабое место Helvetica
Существует мнение, что Helvetica не подходит для текстов малых размеров. Когда в Mac OS X Yosemite на смену предыдущему семейству пришла Helvetica, многие дизайнеры посчитали эту замену неподходящей.
“Helvetica sucks” из блога Erik Spiekermann.
В малой читабельности Helvetica вы можете убедиться следующим образом. Наберите текст малого размера и «размойте» его. Некоторые его фрагменты при этом «смешаются» так, что разобрать их содержимое станет сложно. Говорят, Apple разработала семейство San Francisco как раз для того, чтобы сделать текст малого размера в Apple Watch более разборчивым.
Однако разрешение современных умных устройств превышает разрешение печатного издания, и тексты в iPhone далеко не всегда также малы как в Apple Watch. Почему тогда Apple произвела замену не только в Apple Watch, но и в iOS and Mac OS X?
San Francisco — разнообразен
У шрифтов San Francisco много особенностей, которые делают их удобными для чтения. На самом деле, вариант San Francisco для Apple Watch и вариант для iOS/Mac — два разных шрифта.
Семейство шрифтов под названием “SF” используется для iOS/Mac, в то время как для Apple Watch используется “SF Compact”. Разницу вы можете заметить на примере округленных букв, таких, как ‘o’ и ‘e’. Вертикальные линии в SF Compact сделаны более плоскими, нежели у SF.
Эта разница приводит к тому, что в тексте, набранном с помощью SF Compact, увеличиваются отступы между символами, что в результате делает текст более разборчивым при его чтении с устройств малого размера, таких, как Apple Watch.
В добавок к этому, каждое из семейств подразделяются еще на два подсемейства: “Text” и “Display”. В Apple это называют “Optical Sizes”. Подсемейство Text предназначены для текстов малого размера, тогда как Display — для больших размеров.
Семейство шрифтов San Francisco
Как упоминалось выше, у гротесковых шрифтов (или рубленных), таких как Helvetica, две расположенные рядом буквы «смешиваются», а такие буквы, как ‘a’, ‘e’, ‘s’ становятся очень похожими друг на друга при малых размерах текста.
Сравнение отступов между символами в шрифтах подсемейств Display и Text
Сравнение шрифтов подсемейств Display и Text на примере отдельного символа
Подсемейство Text, при этом, задумано так, что отступы между символами в нем увеличены по сравнению с символами подсемейства Display, а просветы в них расширены для улучшения читабельности при малых размерах текста.
San Francisco динамичен
Одна из замечательных особенностей San Francisco заключается в том, что гарнитура оптимизируется динамически. Display и Text заменяют друг друга в соответствии с размером отображаемого текста. В качестве порога здесь определен размер 20pt.
Дизайнерам и инженерам не нужно беспокоиться о выборе подходящего варианта из семейства. Всего лишь добавляем системный шрифт в UILabel, например. Система сама определит какая гарнитура вам нужна.
Однако по настоящему впечатляет в шрифтах San Francisco то, как в них отображаются двоеточия. Обычно в других шрифтах мы видим его прямо над нижней линией, поэтому в случаях, когда оно располагается между между цифрами, двоеточие оказывается не выровнено по центру вертикально. Однако, в шрифтах семейства San Francisco, такое выравнивание происходит автоматически.
Автоматическое выравнивание двоеточия вертикально по центру
San Francisco пришел к нам из цифровой эпохи
Как видите, шрифты San Francisco созданы и продуманы для легкого восприятия текста любых размеров и на любом устройстве.
Helvetica, на смену которой они пришли, была создана в Швейцарии в 1957 году, когда еще не существовало никаких цифровых устройств. Она, тем не менее, до сих пор используется многими компаниями в качестве корпоративного шрифта, и, вне всяких сомнений, будет использоваться и в будущем как хороший классический шрифт.
San Francisco же, напротив, является шрифтом современным. Его гарнитура меняется динамически, в соответствии с контекстом. Его можно назвать своего рода «родным шрифтом» цифровой эпохи.