FF 및 IE9에서 SVG 글꼴 - CSS 글꼴은 svg에서 작동하지만 svg 글꼴에서는 작동하지 않습니까?

Question

다른 브라우저에서 가능한 비슷하게 보이는 SVG 텍스트를 만들려고합니다.

나는 이론적으로 파이어 폭스도 IE 9도 SVG 글꼴을 지원하지 않는다는 것을 알고있다. 그러나, 나는 둘 다 왜 Typekit에서 다운로드 한 글꼴을 가져올 수 있는지에 대해 혼란스러워합니다.

이 예제에서 보면 http://www.concord.org/~sfentress/test-svg2.html을 보면 "Museo"글꼴을 사용하려고하는 두 가지 예제가 표시됩니다.

첫 번째 글꼴은 Typekit에서 다운로드 한 글꼴 인 "font-family =" 'museo-slab' "를 지정하고 두 번째 글꼴은 서버의 svg 글꼴 파일 인 museo-sans-500에 직접 연결됩니다 ..

는 크롬에 모두 글꼴이 제대로 렌더링되지만, 파이어 폭스와 IE 모두 첫 번째 하나는 않습니다이 나에게 매우 이상한 것 같다 -. 나는 모두가 일을하거나 예상 한 것 또는 둘 다 일을

방법이다. Firefox와 IE가 첫 번째 글꼴을 올바르게 표현할 수 있지만 두 번째 글꼴을 올바르게 표시 할 수 없습니까?

Answer 1

Firefox 또는 Internet Explorer에서 SVG 글꼴을 지원하지 않습니다 도움). 첫 번째 글꼴은 SVG 글리프로 만든 글꼴이 아니므로 제대로 렌더링됩니다. 이 브라우저에서 SVG 글꼴에 대한 지원이 곧 가능할 것으로 보지만, 그때까지는 SVG 글리프로 정의 된 글꼴을 렌더링하지 않습니다.