반응형
[문제점]
커스텀 폰트를 사용하고 텍스트에 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;
}
반응형
'Front-End > CSS' 카테고리의 다른 글
[CSS] mobile address bar 포함하여 100vh 적용하기 + React, SCSS (0) | 2022.09.05 |
---|---|
[CSS] width에 padding, margin 포함시키기 (0) | 2022.08.03 |
[CSS] 가로, 세로 스크롤 없애기 (0) | 2022.07.28 |
[CSS][웹 폰트] google font, 눈누 적용하기 (3) | 2021.07.17 |
[CSS] CSS적용 안되는 경우, 크롬 강력 새로 고침 (1) | 2021.07.10 |
댓글