Typography
San Francisco (SF) is the system typeface in iOS. The fonts of this typeface are optimized to give your text unmatched legibility, clarity, and consistency. Download the San Francisco family of fontshere.
iOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.
Emphasize important information.Use font weight, size, and color to highlight the most important information in your app.
強(qiáng)調(diào)重要信息。使用粗字體蒲讯,字號(hào)和顏色來高亮app里最重要的信息
If possible, use a single typeface.Mixing several different typefaces can make your app seem fragmented and sloppy. Consider using one typeface and just a few font variants and sizes.
盡可能使用單一字體氓侧≡枷铮混合多種不同字體可能使你的app看起來風(fēng)格不統(tǒng)一和粗心踩麦。考慮使用一種字體和僅僅幾種字體變種和大小反粥。
Use built-in text styles whenever possible.The built-in text styles let you express content in ways that are visually distinct, while retaining optimal legibility. These styles are based on the system fonts and allow you to take advantage of key typographic features, such as Dynamic Type, which automatically adjusts tracking and leading for every font size. iOS includes the following text styles:
盡可能使用內(nèi)置的文本樣式。內(nèi)置的字體樣式讓你的內(nèi)容清晰易讀。這些樣式是基于系統(tǒng)字體的允許你利用關(guān)鍵的排版特性尾组,例如動(dòng)態(tài)類型,自動(dòng)調(diào)整跟蹤每種字體大小的行距。iOS包括以下文本樣式
Make sure custom fonts are legible.Custom typefaces are supported on iOS, but are often tough to read. Unless your app has a compelling need for a custom font, such as for branding purposes or to create an immersive gaming experience, it’s usually best to stick with the system fonts. If you do use a custom font, make sure it’s easily readable, even at small sizes.
確保定制的字體是易于理解的铆帽。定制的字體在iOS是支持的萨螺,但是經(jīng)常難以閱讀慰技。除非你的app有一個(gè)強(qiáng)制需求定制字體,例如品牌目的來創(chuàng)造一個(gè)沉浸式的游戲體驗(yàn)乌叶,最好與系統(tǒng)字體一致。如果你使用一個(gè)定制字體乐横,確保它是易于閱讀的,即時(shí)在很小的字號(hào)時(shí)。
Implement accessibility features for custom fonts.System fonts automatically react to accessibility features like bold text and larger type. Apps using custom fonts should implement the same behavior by checking whether accessibility features are enabled and registering for notifications when they change. SeeAccessibility.
實(shí)現(xiàn)定制字體的可訪問性。系統(tǒng)字體自動(dòng)對(duì)可訪問性特性做出回應(yīng),例粗文本和大字號(hào)臂聋。App使用定制字體應(yīng)該實(shí)現(xiàn)相同的行為,通過檢查可訪問性是否可行,當(dāng)他們改變時(shí)為通知登記权她。SeeAccessibility.
Dynamic Type Sizes
冬天字體大小
The San Francisco typeface was designed to be highly legible at both small and large sizes. Dynamic Type provides additional flexibility by letting readers choose their preferred text size.
Prioritize content when responding to text-size changes.Not all content is equally important. When someone chooses a larger size, they want to make the content they care about easier to read; they don’t always want every word on the screen to be larger.
Larger Accessibility Type Sizes
In addition to the standard dynamic type sizes, the system offers a number of even larger type sizes for users with accessibility needs.
Font Usage and Tracking
Use the correct font variant in interface mockups.Use SF Pro Text for text 19 points or smaller, and SF Pro Display for text 20 points or larger. When you use San Francisco for text in standard controls like buttons and labels, iOS automatically applies the most appropriate variant based on the point size and the user’s accessibility settings. Adjust tracking—the spacing between letters—appropriately.
In iOS 10, the San Francisco variants were SF UI Text and SF UI Display.?