FontFace API로 대체 글꼴 형식을로드하는 방법

Question

FontFace API (@fontface가 아님)을 사용하면 @fontface에 여러 소스를 제공하는 것처럼 여러 가지 글꼴 형식을 전달할 수있는 편리한 방법이 있습니까?

또는 FontFace API를 사용하는 브라우저에서 허용 할 형식을 확인하는 편리한 방법이 있습니까? 그렇다면 가장 이상적인 몇 가지를 제공 할 수 있습니까?

Answer 1

CSS Font Loading 사양의 현재 초안에서 FontFace API는 해당 @font-face 설명자와 동일한 값을 사용합니다. 즉, @font-face 정의에 사용할 대체 문자열이있는 글꼴 데이터 소스로 전달하면됩니다. 어쨌든 It’s how WebKit handles it :

let fontFace = new FontFace("MyWebFont", "url('MyWebFont.woff2') format('woff2'), url('MyWebFont.woff') format('woff')");