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 fonts here.

San Francisco (SF)는 iOS의 시스템 서체입니다. 이 서체의 글꼴은 텍스트의 판독성, 선명도 및 일관성을 제공하도록 최적화되어 있습니다.

Emphasize important information. Use font weight, size, and color to highlight the most important information in your 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.

가능한 경우, 단일 서체를 사용하십시오. 여러 가지 다른 서체를 섞으면 앱이 분열되고 엉성해 보일 수 있습니다. 한 가지 글꼴과 몇 가지 글꼴 종류 및 크기만 사용하는 것을 고려해 보십시오.

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:

가능한 경우 내장 텍스트 스타일을 사용하십시오. 내장된 텍스트 스타일을 사용하면 최적의 가독성을 유지하면서 시각적으로 뚜렷한 방식으로 내용을 표현할 수 있습니다. 이러한 스타일은 시스템 글꼴을 기반으로 하며, 모든 글꼴 크기에 대해 추적 및 선행을 자동으로 조정하는 Dynamic Type 과 같은 주요 타이포그래피 기능의 이점을 취할수 있습니다. iOS에는 다음과 같은 텍스트 스타일이 포함되어 있습니다.

For developer guidance, see UIFontTextStyle.

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에서 지원되지만 읽을 때 종종 어려울 수 있습니다. 브랜딩 목적이나 몰입형 게임 경험을 만들기 위해 앱이 맞춤 글꼴을 필요로 하는 경우가 아니면 일반적으로 시스템 글꼴을 고수하는 것이 가장 좋습니다. 사용자 정의 글꼴을 사용하는 경우 작은 크기에서도 쉽게 읽을 수 있어야합니다.

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. See Accessibility.

사용자 정의 글꼴에 대한 접근성 기능을 구현하십시오. 시스템 글꼴은 굵은 글씨와 큰 유형과 같은 접근성 기능에 자동으로 반응합니다. 맞춤 글꼴을 사용하는 앱은 접근성 기능이 사용 설정되어 있는지 확인하고 변경되었을 때 알림을 등록하여 동일한 동작을 구현해야합니다.

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. Download a dynamic type size table in Resources.

San Francisco 서체는 크고 작은 크기 모두에서 쉽게 읽을 수 있도록 디자인되었습니다. Dynamic Type은 독자가 선호하는 텍스트 크기를 선택할 수 있게 하여 추가적인 유연성을 제공합니다.

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. 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. In interface mockups, use SF Pro Text for text 19 points or smaller, SF Pro Display for text 20 points or larger, and adjust the spacing between letters appropriately.

인터페이스 모형에서 올바른 글꼴 변형을 사용하십시오. 버튼 및 라벨과 같은 표준 컨트롤에서 텍스트에 샌프란시스코를 사용하면 iOS가 포인트 크기 및 사용자의 접근성 설정에 따라 가장 적합한 변형을 자동으로 적용합니다. 인터페이스 모형에서 텍스트 19포인트 이하의 경우에는 SF Pro 텍스트를 사용하고 텍스트 20포인트 이상의 경우에는 SF Pro 디스플레이를 사용하고 문자 사이의 간격을 적절하게 조정합니다.

iOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.

iOS는 샌프란시스코를 라틴어, 그리스어 및 키릴 문자의 시스템 글꼴로 사용하고 다른 스크립트의 다양한 서체를 사용합니다.

자세한 사이즈는 홈페이지 참고 Typography - Visual Design - iOS - Human Interface Guidelines - Apple Developer

Last updated