[CSS] Font property font-family does not have generic default 해결

[문제점]

 커스텀 폰트를 사용하고 텍스트에 font-family로 설정을 해주었더니 webstorm에서 아래와 같은 경고가 나왔다.

@font-face {
  font-family: "galmuri";
  src: url('/fonts/Galmuri11.ttf');
}

.text {
  font-family: galmuri;
}

Font property font-family does not have generic default

 

[해결 방법]

 

 우선 webstorm에서 나온 경고이기 때문에 커스텀  폰트만 제대로 적용을 했다면 웹은 정상적으로 보일 것이다. 정상작동을 하는데도 경고를 한 이유는 네트워크 오류 등 커스텀 폰트를 불러오지 못했을 때를 대비하라는 의미이다. 따라서 그 대용 폰트를 지정해주면 경고는 사라진다. font-family에 sans-serif 혹은 그냥 serif를 적용시켜주면 된다.

@font-face {
  font-family: "galmuri";
  src: url('/fonts/Galmuri11.ttf');
}

.text {
  font-family: galmuri, serif;
}