[FE] 모바일 환경에서 Font가 제대로 적용되지 않는 문제

[Todari]

issue

• close [FE] 모바일 환경에서 Font가 제대로 적용되지 않는 문제 #615

구현 목적

일부 모바일 환경에서 pretendart font가 적용되지 않는 문제가 있었습니다.
의도한 디자인을 전달할 수 없는 문제가 있어 이를 해결하려고 했습니다.

구현 사항

기존에 font-family : "Pretendart"를 사용해 줬지만, web font를 import 하는 코드가 없었습니다.
client 에서 pretendard font를 가지고 있는 데스크탑 환경에서는 정상 작동했지만,
그렇지 않을 수 있는 모바일 환경에서는 대체 폰트를 사용하기 때문에 발생한 문제라고 판단했습니다.

따라서

 @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

를 이용해 webfont 주소를 명시해 주었습니다.

[github-actions]

🚀 storybook: https://66a9dea5db27afc2b8f91ba7-tuknktghxa.chromatic.com/