웹 퍼블리싱

폰트 파일 적용하기 css

xemaker 2024. 1. 18. 10:57

폰트 파일 적용하기 css
- 파일을 다운받은 후 디렉토리에 복사
- url 자리에 해당 폰트 파일의 경로 기입
- font-family 이름은 원하는 대로 지정

@font-face{
  font-family: 'neon';
  src:url('../srcs/fonts/NeonPlanetisplay.ttf');
}

적용

body{
  font-family: 'neon';
}

font-family 를 여러개 할 수도 있다.

body{
  font-family: Hevetica Neue, Helvetica, Arial, sans-serif;
}