ex)
font-family: '나눔고딕', Arial, Helvetica, sans-serif;
font-family 'Gowun Batang', 'Times New Roman', Times, serif;
서체가 제대로 적용 되었는지 확인하려면 크롬 개발자도구-Computed-Rendered Fonts 부분을 확인해보면 된다.
@font-face{
/* 필수 작성 */
font-family: 'spoqa';
src: url(./fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2');
/* 추가 작성 */
font-display: swap; < FOUT 방식. 로딩되는 동안 기본 서체로 보이고, 완료되면 웹폰트 적용. 항상 텍스트가 보임.
auto; < 브라우저 기본값.
block; < FOIT 방식. 웹폰트가 로딩되지 않으면 텍스트가 렌더링 되지 않음. 로딩 완료 후 텍스트가 보임.
}