-apple-system font 코드

 

Apple Wallpaper.png

0.59MB

 

자주 쓰면서도

정작 매번 검색해야 하기에

이번 기회에 포스팅 한다.

 

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";

 

 

apple system 같은 경우,

2019년 이래로 web 3.0에

기본적으로 지원하고 있는

css 폰트 패키지이므로

별도의 import 주소를

써 주지 않아도 될 것이다.

 

 

끝!

---

참고로, 현재 티스토리에

적용해 놓은 폰트 소스는

 

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

 

바로 이것이며,

이것을 적용하기 위해서는

 

image 폴더에
원하는 폰트를 업로드 하고,

/* Web Font Load */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('//images/MetroSans-Medium.ttf') format('ttf');

 

이렇게 폰트를 읽어 올

주소를 적어주면 된다.

 

진짜 끝!