샌프란시스코 (글꼴)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요
2. 종류
3. 가변 글꼴
4. SF Symbols
5. 사용 현황
6. 라이선스
7. 비평
참조

1. 개요

샌프란시스코체는 애플의 맥OS, iOS, tvOS, 워치OS, Xcode 등에서 사용되는 서체이다. SF Pro, SF Compact, SF Mono의 세 가지 주요 종류가 있으며, 각기 다른 특징과 용도로 사용된다. SF Pro는 macOS, iOS 등에서 시스템 글꼴로 사용되며, SF Compact는 작은 화면에 최적화되어 애플 워치에 적용된다. SF Mono는 코드 가독성을 높이기 위해 개발된 고정폭 글꼴이다. SF Camera는 카메라 앱에서 사용되며, SF Serif (New York)는 애플 북스 앱의 UI 글꼴로 사용된다. 샌프란시스코체는 가변 글꼴 기능을 지원하며, SF Symbols를 통해 아이콘과 기호를 제공한다. 이 서체는 애플의 기업 대표 서체로 사용되고 있으며, 애플 플랫폼용 애플리케이션 개발을 위한 등록된 개발자에게 라이선스가 부여된다.

더 읽어볼만한 페이지

고정폭 글꼴 - OCR-B
OCR-B는 1960년대 ECMA에서 개발되어 ISO 1073-2로 채택된 광학 문자 인식 관련 표준 글꼴이며, 다양한 디지털 환경에서 사용되고 퍼블릭 도메인 버전도 존재한다.
고정폭 글꼴 - OCR-A
OCR-A는 기계의 광학 문자 인식을 위해 ANSI 표준으로 설계된 단순한 형태의 글꼴로, 수표 인코딩 등 특정 분야와 영화 및 광고 디자인에 활용되며 유니코드 코드 포인트가 할당되어 있다.
산세리프 글꼴 - 고딕체
고딕체는 20세기 초 영미권에서 산세리프 글꼴을 지칭하던 명칭으로, 현재는 획의 굵기가 일정하고 장식 없는 서체를 뜻하며 인쇄물 제목이나 컴퓨터 환경에서 널리 쓰인다.
산세리프 글꼴 - 헬베티카
헬베티카는 막스 미에딩거가 1957년에 디자인한 산세리프 서체로, 높은 가독성과 다양한 문자 지원으로 널리 사용되며 기업과 공공 분야에서 활용되고 디지털 시대에 다양한 변형이 등장했고, 2019년에는 업데이트 버전인 Helvetica Now가 발표되었다.

샌프란시스코 (글꼴)
글꼴 정보
샌프란시스코 글꼴 미리보기
스타일	산세리프
분류	네오 그로테스크
제작사	애플
출시일	2014년 11월 18일
라이선스	독점적
기반 글꼴	헬베티카 FF DIN Roboto Arial
변형	SF Pro SF Condensed (SF 콘덴스드) SF Compressed (SF 압축) SF Expanded (SF 확장) SF Compact (SF 컴팩트) SF Mono (SF 모노) SF Camera (SF 카메라)
다른 이름	SF
웹사이트	애플 개발자 폰트 웹사이트
최신 릴리스 버전	20.0d10e1
지원 언어	아랍어 키릴 문자 그리스어 IPA 라틴 문자
추가 정보
참고 자료	애플, 20년 만에 가장 중요한 서체 공개 (Fast Company, 2014년 11월 19일) 애플의 새로운 글꼴, 스마트워치를 위해 디자인되다 (The Next Web, 2014년 11월 18일) 애플, 20년 만에 가장 중요한 서체 공개 (Fast Company, 2014년 11월 19일)

2. 종류

샌프란시스코는 다양한 사용 환경에 맞춰 여러 종류로 나뉜다. 크게 맥OS, iOS, tvOS에 쓰이는 'SF'('SF UI'), 워치OS에 쓰이는 'SF 컴팩트', X코드 응용 프로그램에 쓰이는 'SF 모노'의 세 가지로 나눌 수 있다.^[24]^[29]

'SF'와 'SF 컴팩트'의 주요 차이점은 글자 형태에 있다. 'SF'는 'o', 'e', 's'와 같은 둥근 글자의 옆부분이 둥글게 처리된 반면, 'SF 컴팩트'는 평평하게 깎여 있다. 이러한 디자인은 글자 사이 간격을 넓혀 작은 화면에서도 가독성을 높여주기 때문에, 애플 워치와 같이 작은 화면을 가진 기기에 적합하다.^[27]

SF체와 SF 컴팩트체는 글자 크기에 따라 '디스플레이'와 '텍스트' 두 가지 형태로 나뉜다. 큰 글씨에는 '디스플레이'를, 작은 글씨에는 '텍스트'를 적용한다. '텍스트'는 '디스플레이'보다 글자 속 트임 구멍이 더 넓고 자간도 널찍하다. 운영체제는 20포인트 이상 크기에는 자동으로 '디스플레이'를, 20포인트 미만에는 '텍스트'를 적용한다.^[27]

맥OS 시에라와 iOS 10부터는 'SF 컴팩트 라운디드'라는 새로운 종류가 추가되었는데, 이는 해당 운영체제부터 도입되는 새로운 일반 설정 아이콘에 사용될 목적으로 제작되었다.

이름	종류	출시	일반적인 사용
SF Pro/SF UI	일반	2015년	애플 소프트웨어 시스템 글꼴
SF Condensed (SF Pro에서 파생)	압축	2016년	애플 뉴스, 주식, 지도, 애플 캐시
SF Compressed (SF Pro에서 파생)	압축	2020년	애플 뉴스, 사진, 클립
SF Expanded (SF Pro에서 파생)	확장	2021년	지도, 사진
SF Compact	축소	2015년	watchOS, 사진, 제품 텍스트, 키보드
SF Mono	고정폭	2016년	터미널, 콘솔, Xcode와 같은 소프트웨어의 고정폭 본문 텍스트
SF Camera	정규	2019년	아이폰 카메라

SF는 공식 이름과 달리 macOS에서는 SFNS, iOS에서는 SFUI라는 코드명을 가진다.

iOS 16 잠금 화면, 애플 캐시, watchOS 시계 모드, 홍보 자료 등에 사용되는 스타일 글꼴도 존재한다. 여기에는 끌, 스텐실, 세미 라운드, 점선, 프리즈마, 레일, 슬래브 세리프 버전이 포함된다.

일부 변형은 두 가지 광학 크기를 가진다. 큰 텍스트에는 "디스플레이", 작은 텍스트에는 "텍스트"를 사용한다. "텍스트" 크기는 "디스플레이" 크기보다 구멍이 크고 자간이 넓다. 운영 체제는 20 포인트 이상 크기에는 자동으로 "디스플레이" 크기를, 더 작은 크기에는 "텍스트" 크기를 선택한다.^[1]

SF Pro, SF Compact, SF Mono 글꼴은 [https://developer.apple.com/fonts/ 애플 웹페이지]에서 다운로드할 수 있다.

2. 1. SF Pro/SF UI

SF Pro/SF UI는 macOS, iOS, iPadOS, tvOS의 기본 UI 글꼴이다. 2017년에 확장된 버전인 SF Pro가 도입되었다.^[2] SF Pro Text와 SF Pro Display는 9가지 굵기(처음 도입 시 Text 버전은 6가지 굵기만 제공)와 이탤릭체를 제공한다. 2018년에는 둥근 모서리를 가진 SF Pro Rounded가 도입되었다.

SF Pro는 다양한 언어를 지원하기 위해 변형된 글꼴을 제공한다.

SF Pro AR 및 SF Pro TH: 각각 아랍어^[3] 및 타이어 스크립트용 글꼴이다.
SF Pro SC, SF Pro TC 및 SF Pro HK: 중국어 글꼴이며, PingFang 제품군으로 분류된다.
SF Pro JP: 일본어 글꼴이며, AXIS Std 제품군으로 분류된다.
SF Pro KR: 한국어 글꼴이며, Sandoll GothicNeo1 제품군으로 분류된다.

SF Pro는 가변 글꼴로, 굵기, 광학 크기, 등급, 가변 너비 등을 조절할 수 있다. 애플 직원 및 승인된 계약자, 공급업체에게만 제한적으로 제공되는 SF Hello는 인쇄에 최적화된 변형이다.^[4]

SF Pro는 macOS(macOS High Sierra 이후) 및 iOS(iOS 11 이후), tvOS의 시스템 글꼴로 사용된다. 글꼴 크기가 20pt 미만이면 Text, 20pt 이상이면 Display로 자동 전환되며, 글자 모양과 자간이 미묘하게 달라진다. macOS(OS X El Capitan - macOS Sierra), iOS(iOS 9 - iOS 10)에서는 SF UI (SF NS)가 사용되었으나, macOS High Sierra, iOS 11부터 SF Pro로 대체되었다.

SF Pro JP는 애플의 웹이나 자료 등에서 사용되는 일본어 글꼴이다. 일반에는 제공되지 않으며, 영문자는 포함되지 않아 SF Pro로 보완한다. 웨이트는 Black, Heavy, Bold, SemiBold, Medium, Regular, Light, Thin, UltraLight의 9가지이다.

2. 1. 1. SF Condensed

SF Condensed는 SF Pro의 축약형 버전이다. '''SF Condensed Text'''는 6가지 굵기를, '''SF Condensed Display'''는 9가지 굵기를 가지고 있다. 이 변형체는 내부적으로 '''SF Cash''', '''SF Shields''', '''SF Condensed Photos'''로 명명되었다.

이름	종류	출시	일반적인 사용
SF Condensed (SF Pro에서 파생)	압축	2016년	애플 뉴스, 주식, 지도, 애플 캐시

2. 1. 2. SF Compressed

SF Compressed는 SF Pro의 압축형 버전이다. SF Condensed보다 더 좁은 자간을 가진다. 수직 가장자리가 완전히 직선이며, 커닝이 훨씬 더 촘촘하다. 2020년에 출시되었으며, 애플 뉴스, 사진, 클립 앱에서 사용된다.^[1]

이름	종류	출시	일반적인 사용
SF Compressed (SF Pro에서 파생)	압축	2020년	애플 뉴스, 사진, 클립

2. 1. 3. SF Expanded

내부적으로 SF 와이드로 불리는 이 글꼴은 SF Pro의 확장된 변형이다.^[1]

이름	종류	출시	일반적인 사용
SF Expanded (SF Pro에서 파생)	확장	2021년	지도, 사진

2. 2. SF Compact

애플 워치와 watchOS와 함께 처음 소개되었으며, 이후 2015년 WWDC에서 SF UI가 소개되면서 SF Compact로 브랜드가 변경되었다. 문자들의 둥근 곡선은 SF Pro보다 더 평평하여 문자 간의 간격을 더 넓게 배치할 수 있어 애플 워치의 작은 화면에서 텍스트를 더 작은 크기로 읽기 쉽게 해준다. SF Compact Rounded는 2016년에 소개되었다.

SF Pro와 마찬가지로 SF Compact는 텍스트 및 디스플레이 광학 크기뿐만 아니라 "디스플레이" 버전과 동일한 모양에 모서리가 둥근 라운드 버전도 제공된다. 세 가지 버전 모두 SF Pro와 동일한 9가지 굵기(Text 버전은 처음 소개될 당시 6개만 제공)로 제공되며, "텍스트" 및 "디스플레이" 버전만 이탤릭체를 지원한다. SF Compact는 애플 워치의 시스템 글꼴로 채택되었다.^[15]

직선적인 디자인으로 글자가 다소 세로로 길기 때문에 자간이 SF Pro에 비해 넓어 작은 기기에서도 시인성이 좋다.

2. 3. SF Mono

SF 모노는 터미널, 콘솔, Xcode 응용 프로그램의 UI 글꼴이다.^[5] 2016년 WWDC에서 처음 소개되었으며, 해당 이탤릭체와 함께 6가지 굵기로 제공된다. WWDC 2016 웹 페이지^[16]나 Xcode, Terminal에서 채택되었지만, 2019년 8월에 일반에 공개되었다. 코드의 가독성을 높이도록 디자인되었다.

2. 4. SF Camera

2019년 9월 10일 애플 기조 연설에서 필 쉴러가 아이폰 11 Pro의 카메라 업데이트를 요약하면서 소개되었다.^[1] 이 글꼴은 SF Pro보다 각진 디자인을 가지고 있어 산업적이고 전문적인 모습을 보여준다. 글자 모양과 자간은 SF Compact Text와 유사하다.

2. 5. SF Serif (New York)

애플 북스의 UI 글꼴로 사용되는 세리프 서체이다. 2018년 WWDC에서 iOS 12와 함께 처음 소개되었으며, 코드명은 Serif UI였다.^[6] 2019년 6월 3일, 애플 개발자 사이트에서 뉴욕체(New York)라는 이름으로 공식 출시되었다.

이 서체는 '''소형''', '''중형''', '''대형''', '''특대형''' 크기로 제공되며, 각 크기마다 6가지 굵기와 이탤릭체가 함께 제공된다. 또한 비례 너비와 표 너비 모두에서 라이닝 및 구식 숫자를 위한 OpenType 기능도 포함하고 있다.

애플의 구형 뉴욕체(1983년)와는 이름만 같을 뿐, 다른 서체이다. 구형 뉴욕체는 초기 매킨토시용 비트맵 형식으로 제공되었고, 이후 TrueType 형식으로 변환되었다.

3. 가변 글꼴

애플은 WWDC20에서 샌프란시스코 글꼴의 OpenType 폰트 변형 기능을 선보였다.^[7] 이는 개발자 웹사이트의 설치 파일에 TrueType 폰트 형태로 포함되어 있다. WWDC22에서 가변 너비 옵션이 폰트 제품군에 도입되었다.

'''SF Pro'''는 "텍스트"와 "디스플레이" 사이에서 가변 굵기, 가변 너비 및 가변 광학 크기를 지원한다.
'''SF Pro Italic''' 및 '''SF Compact'''는 "텍스트"와 "디스플레이" 사이에서 가변 굵기 및 가변 광학 크기를 지원한다.
'''SF Compact Italic'''는 가변 굵기를 지원하지만 "텍스트" 광학 크기만 제공한다.
'''New York''' 및 '''New York Italic'''은 "small"과 "extra large" 사이에서 가변 굵기 및 가변 광학 크기를 지원한다.

4. SF Symbols

'''SF Symbols'''는 애플 운영 체제에서 사용되는 기호 및 아이콘을 의미한다. 핵심 기능과 사용 편의성을 추구하는 애플의 목표에 맞춰, 이 기호들은 애플의 시각 언어와 통일된 디자인 요소를 사용하여 설계되었다. 또한, 애플이 다른 디자인에서 사용해 온 것과 유사하게, 표준 둥근 모서리 대신 스쿼클을 사용하여 더욱 편안한 느낌을 준다. 통일된 기호를 사용함으로써, 사용자들은 애플의 기기, 서비스 및 앱 간의 상호 작용에서 쉽고 직관적인 경험을 할 수 있다.

애플의 기호는 SF Pro, SF Pro Rounded, SF Compact, 및 SF Compact Rounded (가변 글꼴 파일 포함) 글꼴 파일에 글리프로 포함되어 있다. 각 기호는 3가지 크기로 제공된다. 이러한 기호는 선택된 굵기에 따라 두께와 여백이 변경되며, Opentype Variation 기능을 활용하기도 한다. [https://developer.apple.com/sf-symbols/ SF Symbols] 앱을 사용하면 세련된 정렬, 다색, 기호 현지화와 같은 더 많은 기능에 접근할 수 있다.^[8] 기호 속성은 변형 간에 통일되지 않는다. 일부 기호의 다른 유니코드 배열은 변형 간 전환 시 다른 기호를 생성하며, 일부 기호는 일부 변형에서 눈에 띄게 세부 정보가 적다.

이러한 기호는 애플 플랫폼에서 개발자가 자신의 앱에서 사용할 수 있다. 개발자는 원하는 스타일과 색상으로 사용자 정의할 수 있지만, 특정 기호는 수정할 수 없으며 라이선스 설명에 나열된 해당 애플 서비스 또는 기기를 참조하는 데만 사용할 수 있다.

5. 사용 현황

샌프란시스코는 애플의 소프트웨어, 하드웨어, 브랜드 전반에 걸쳐 사용되는 대표적인 서체이다. 워치OS와 tvOS에서는 처음부터 이 서체가 적용되었으며,^[21] 맥OS와 iOS에서는 각각 OS X 엘카피탠과 iOS 9부터 기존의 헬베티카 노이에와 루시다 그란데를 대체하였다.^[24]^[25]^[28] 애플 웹사이트, 제품 워드마크에 사용되던 미리아드 프로도 이 서체로 바뀌었다. 2015년 맥북과 2016년 맥북 프로 자판에는 VAG 라운디드 대신 샌프란시스코체로 된 글쇠가 적용되기 시작했다.^[26] 현재 애플의 기업 대표 서체이기도 하다.^[10]

애플은 타 업체의 샌프란시스코체 사용을 제한하고 있다. 특히 애플 플랫폼에 들어갈 애플리케이션 디자인 및 개발을 위해 사전 승인된 서드파티 개발업체에게만 사용 권한을 부여한다.^[24]

6. 라이선스

애플은 샌프란시스코 글꼴의 사용을 제한하며, 등록된 개발자에게만 라이선스를 부여한다. 일반 사용자는 SF Pro, SF Compact, SF Mono, SF Arabic, SF Hebrew, New York 변형만 다운로드할 수 있다.

7. 비평

샌프란시스코 크로니클은 이 글꼴이 도시와 아무 관련이 없으며 "저탄수화물 다이어트 중인 Helvetica"일 뿐이라고 묘사했다.^[11]

참조

_[1] 웹사이트 Design Principles Applied to the SF Fonts https://blog.jim-nie[...] 2019-09-05
_[2] 웹사이트 iOS 11 silently introduces SF Pro with almost 1000 new glyphs and support for more languages https://www.designer[...] 2019-04-21
_[3] Tweet "「SF Arabic beta」新しいアラビックフォントが追加されました。あまり使う機会がないかも知れないですが #WWDC21"
_[4] Citation Apple Identity Guidelines https://training.app[...] 2023-04-16
_[5] Citation Getting Apple's SF Mono Font in Mac OS https://medium.com/@[...] 2017-09-04
_[6] 뉴스 Apple Books: What's new in iOS 12 https://www.imore.co[...] 2018-07-10
_[7] 웹사이트 The details of UI typography - WWDC 2020 - Videos https://developer.ap[...] 2021-06-05
_[8] 웹사이트 SF Symbols 2 - WWDC 2020 - Videos https://developer.ap[...] 2021-06-05
_[9] 문서 Visual Design - Apple TV Human Interface Guidelines - Apple Developer https://developer.ap[...] Apple 2015
_[10] 뉴스 Apple Adopts San Francisco Typeface for Apple.com Website https://www.macrumor[...] 2018-04-21
_[11] 뉴스 San Francisco finally has its own font. And the inspiration was truly historic https://www.sfchroni[...] 2021-04-19
_[12] 뉴스 Apple Releases Its Most Important Typeface in 20 Years http://www.fastcodes[...] 2015-06-13
_[13] 뉴스 Meet Apple's new font, designed for its smartwatch http://thenextweb.co[...] 2015-06-13
_[14] 뉴스 Apple Releases Its Most Important Typeface in 20 Years http://www.fastcodes[...] 2015-06-13
_[15] 웹사이트 Typography https://developer.ap[...] Apple Inc. 2015-06-13
_[16] 뉴스 Apple Reveals San Francisco Monospaced Font https://www.designer[...]
_[17] 뉴스 Apple Releases Its Most Important Typeface in 20 Years http://www.fastcodes[...] 2015-06-13
_[18] 뉴스 Meet Apple's new font, designed for its smartwatch http://thenextweb.co[...] 2015-06-13
_[19] 웹사이트 Typography https://developer.ap[...] Apple Inc. 2015-06-13
_[20] 뉴스 Apple Reveals San Francisco Monospaced Font https://www.designer[...]
_[21] 문서 Visual Design - Apple TV Human Interface Guidelines - Apple Developer https://developer.ap[...] Apple 2015
_[22] 뉴스 Apple Releases Its Most Important Typeface in 20 Years http://www.fastcodes[...] 2014-11-19
_[23] 뉴스 Meet Apple's new font, designed for its smartwatch http://thenextweb.co[...] 2014-11-18
_[24] 웹인용 Fonts https://developer.ap[...] Apple Inc. 2015-06-13
_[25] 웹인용 Typography https://developer.ap[...] Apple Inc. 2015-06-13
_[26] 뉴스 The new MacBook shows San Francisco is more than just the Apple Watch font http://thenextweb.co[...] 2015-03-09
_[27] 웹인용 Introducing the New System Fonts https://developer.ap[...] Apple Inc. 2015-06-12
_[28] 뉴스 Why Apple Abandoned the World’s Most Beloved Typeface https://www.wired.co[...] 2015-06-09
_[29] 뉴스 Apple Reveals San Francisco Monospaced Font https://www.designer[...] 2018-04-18

본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com