Font face

CSS: 데스크톱 폰트를 웹사이트에 사용하기

“.OTF(또는 다른 데스크톱) 폰트를 웹사이트에 어떻게 사용할까요?”

데스크톱 폰트를 웹사이트에 사용하고 싶다면 이렇게 하세요!

CSS

  1. 사용할 폰트를 골라 서버에 올리세요.
  2. 아래 코드를 복사해 스타일시트에 붙여 넣으세요.
  3. @font-face와 p 양쪽의 font-family에 있는 'FONT1'을 내 폰트 이름으로 바꾸세요.
  4. 필요하면 normal을 bold로 바꿔도 됩니다.
@font-face {
	font-family: 'FONT1';
	src: url("../fonts/YOUR-FONT-LOCATION.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
p { 
	font-family: 'FONT1', sans-serif; 
}

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다