본문 바로가기

교육/[Codeit]웹 퍼블리싱

폰트 파일 사용하기

반응형

폰트 파일을 사용하는 법을 알아보자.

배달의 민족에서 무료로 폰트를 제공한다.

주아체 다운로드

프로젝트 파일에서 font 파일을 만들고 넣는다.

 

소스:rul("경로")를 설정해 준다.

@font-face{
  src: url("../fonts/BMJUA_otf.otf");
}

 

이름을 설정해준다.

@font-face{ 
  src: url("../fonts/BMJUA_otf.otf");
  font-family:"Jua";

}

 

적용하고싶은 태그에 적용시킨다.

p태그에 적용시킨다면

 

@font-face{
  src: url("../fonts/BMJUA_otf.otf");
  font-family:"Jua";
}

p{
  font-family;"Jua;
}

728x90
반응형

'교육 > [Codeit]웹 퍼블리싱' 카테고리의 다른 글

실습과제. 여행 사이트 만들기  (0) 2021.03.16
span 태그  (0) 2021.03.16
실습과제. 각 폰트 보여주기  (0) 2021.03.06
폰트 설정  (0) 2021.03.06
Line-height  (0) 2021.03.06