본문 바로가기
CSS

모바일 시스템 폰트 설정, Mobile System Font

by memory-log 2020. 12. 19.

모바일 시스템 폰트 설정

모바일 기본 시스템 폰트로 설정하는 css 

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

각 폰트 의미

// Safari for OS X and iOS (San Francisco)
-apple-system,

// Chrome < 56 for OS X (San Francisco)
BlinkMacSystemFont,

// Windows
"Segoe UI",

// Android
"Roboto",

// Basic web fallback
"Helvetica Neue", Arial, sans-serif,

// Emoji fonts
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

'CSS' 카테고리의 다른 글

How to set input placeholder color  (0) 2021.01.07
prevent zooming when the input focus on mobile  (0) 2021.01.07
css background 속성 단축  (0) 2020.10.01
CSS 시스템 폰트 System font css  (0) 2020.10.01
CSS variables  (0) 2020.09.21

댓글