본문 바로가기

사이트 제작

HTML에서 폰트 적용하기

반응형

예시 상황

폰트 파일 경로 : fonts/test.woff | CSS파일 경로 : assets/main_assets/all.css


/* 폰트 */
@font-face{font-family:'dosis.extralight'; src:url('/fonts/test.woff')} /* 폰트 경로 */
body, table, div, p {font-family:'test';} /* 폰트 이름 */
/* 폰트 끝 */

이런식으로 CSS의 첫 줄에 작성을 하시고 저장 후 , 폰트를 적용하신 사이트에 방문을 하시면 폰트가 정상적으로 적응이 되신 것이 확인 가능하십니다.

반응형