ga1anthus 님의 블로그

Pretendard 웹폰트를 웹사이트에 적용하는 방법을 소개합니다. 두 가지 방식이 있습니다.1. CDN을 이용한 방법아래 코드를 html 태그 안에 추가하면 간편하게 사용할 수 있습니다. 그리고 CSS에서 다음과 같이 적용하시면 됩니다.body { font-family: 'Pretendard', sans-serif;}2. 로컬 폰트 파일을 직접 추가하는 방법Pretendard GitHub 페이지에서 폰트 파일을 다운로드한 후, 프로젝트 폴더에 저장합니다.작업시 폴더 경로를 꼭 맞춰주세요. 그 후, CSS에서 아래와 같이 적용하시면 됩니다.@font-face{ font-family:Pretendard; font-weight:900; font-display:swap; src:url(./Pretend..

HTML에서 SUITE 폰트 적용하는 방법HTML에서 SUITE 폰트를 적용하는 방법을 알아보겠습니다.1. 링크 방식가장 간단한 방법은 태그를 사용하는 것입니다. 위 링크를 열어보면 아래와 같이 CSS안에 @font-face 가 서체별로 굵기에 맞게 적용되어 있음을 알 수 있습니다.@font-face { font-family: 'SUITE'; font-weight: 300; src: url('./SUITE-Light.woff2') format('woff2');}@font-face { font-family: 'SUITE'; font-weight: 400; src: url('./SUITE-Regular.woff2') format('woff2');}@font-face { font-family: 'SUITE'..