[쇼핑몰] Adobe Fonts 적용 방법

- Adobe Fonts 적용방법

https://fonts.adobe.com/my_fonts#web_projects-section

1. 위 링크에 접속한다.
2. 본인 계정으로 로그인한다.
3. 사용하고 싶은 폰트를 '웹프로젝트'에 담는다.
4. head 태그에 아래와 같이 추가.(링크는 개인마다 다르게 제공한다.)

<link rel="stylesheet" href="https://use.typekit.net/qnt****.css">

　　5. 사용하려는 폰트의 css 복사 기능을 이용하여 스타일에 추가한다.

• 예시

.example{
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
}

- 주의사항

• 1개의 어도비 계정으로 관리하는 것이 좋다.
• 과도한 폰트 추가는 페이지 로딩 속도에 전반적인 영향을 끼칠 수 있음.
• 반드시 필요한 폰트만 웹프로젝트에 추가한다.
• 추가한 폰트 중에서도 사용하는 글자 규격만 추가한다. (regular, medium, bold, semibold 다양함.)