웹 & 다운 폰트 적용하기

Perdy·2024년 5월 21일

개인용

목록 보기
9/14
  1. 웹 폰트, 주소가 주어지는 경우에 사용하는 방법

font.css에 밑의 형식처럼 작성하고(사이트에서 찾은 경우 보통 코드를 줍니다)

@font-face {
  font-family: 'LINESeedKR-Bd';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
body {
  font-family: 'LINESeedKR-Bd' !important;
}

위의 코드와 같이 원하는 곳에 작성하기

  1. 파일로 주어진 경우
    파일을 프로젝트에 넣기
@font-face {
  font-family: '폰트 이름';
  src: url('주소 대신 파일 경로 작성하기') format('폰트 파일 포맷');
}

그리고 원하는 곳에 적용하는 방법은 동일합니다.

웹폰트 적용하기(ttf, otf, woff)

profile
영원한 뉴비. 꾸준히 한다면 언젠가는 높은 곳에 도달할지도?

0개의 댓글