@ font-face not working 3

Question

테스트 페이지에서 ttf 글꼴을 사용하려고하는데 woff 및 woff2로 변환했지만 브라우저에서 글꼴을 사용하지 않습니다 (필자는 Opera에서 시도한 바 있습니다. 크롬, 비발디, 파이어 폭스, 엣지).

@font-face { 
    font-family: "RM Typerighter old Regular"; 
    src: url("/fonts/RM_Typerighter_old_Regular.eot?") format("eot"), 
     url("/fonts/RM_Typerighter_old_Regular.woff") format("woff"), 
     url("/fonts/RM_Typerighter_old_Regular.ttf") format("truetype"); 
} 

Answer 1

그것은 당신이 상대 경로는이 시도를 사용하지 않기 때문에 아마 : 다음과 같이 하나의 SRC에 글꼴 파일을 모두 배치하고 쉼표로 구분 할 필요가

@font-face { 
font-family: 'RM Typerighter old Regular'; 
src: url('/fonts/RM_Typerighter_old_Regular.woff2') format('woff2'); 
src: url('/fonts/RM_Typerighter_old_Regular.woff') format('woff'); 
src: url('/fonts/RM_Typerighter_old_Regular.ttf') format('truetype'); 
} 

Answer 2

: 그건 내 코드입니다 :

@font-face { 
    font-family: 'RM Typerighter old Regular'; 
    src: url('./fonts/RM_Typerighter_old_Regular.woff2') format('woff2'), 
     url('./fonts/RM_Typerighter_old_Regular.woff') format('woff'), 
     url('./fonts/RM_Typerighter_old_Regular.ttf') format('truetype'); 
}