@ font-face 선언에서 SVG 글꼴 사용법을 조사 중입니다. 지금까지 사파리 4와 오페라 10만이이를 지원하는 것으로 보인다. Firefox 3.5는이 기능을 지원하지 않지만 버그 리포트가 있지만 패치가 아직 제공되지 않았습니다.TTF/EOT 대신 @ font-face에서 SVG 글꼴을 사용하면 어떤 이점이 있습니까?
주요 브라우저에서 @ font-face가 지원되는데 TTF/OTF/EOT 형식 대신 SVG 글꼴 형식을 사용하면 어떤 이점이 있습니까? 위에 링크 된 토론에서 얻을 수있는 유일한 이점은 아직 누락 된 gylph를 자신을 지원하지 않는 글꼴에 추가 할 수 있다는 것입니다.
CSS에서 SVG 글꼴을 지정해야하는 다른 이유가 있습니까?
모바일 사파리에서 웹 글꼴을 사용하는 유일한 방법 인 것처럼 보입니다. 따라서 iPhone과 iPad 용으로 개발한다면 큰 이점입니다. Font Squirrel의 @font-face generator은 모든 OpenType 글꼴에서 적절한 SVG 파일과 CSS 구문을 만들 수 있습니다.
W3C 상태 이러한 장점 : 지금까지 WebFont 시설에
이한 가지 단점은 [CSS2] 등의 사양은 특정 글꼴 형식의 지원을 필요로하지 않는다는 것입니다. 그 결과 서로 다른 구현이 서로 다른 웹 글꼴 형식을 지원하므로 웹 사이트 작성자는 모든 사용자 에이전트에서 작동하는 WebFont를 사용하여 단일 웹 사이트를 게시하기가 어렵습니다.
준수하는 모든 SVG 뷰어가 지원할 수있는 SVG 용 공통 글꼴 형식을 제공하기 위해 SVG는 SVG에서 글꼴을 정의하는 기능을 제공합니다. 이 기능을 SVG 글꼴이라고합니다.
SVG 글꼴은 텍스트를 나타내는 그래픽의 의미 론적 풍부함을 향상시킬 수 있습니다. 예를 들어, 많은 회사 로고는 예술적으로 그려진 회사 이름으로 구성됩니다. 경우에 따라 로고를 SVG 글꼴로 일련의 글리프로 표현한 다음이 글꼴을 참조하는 '텍스트'요소로 로고를 렌더링하면 접근성이 향상 될 수 있습니다.
그러나 일반적인 형식의 요점은 부족한 브라우저 지원으로 인해 실제로 계산되지 않습니다.
svg 웹 글꼴은 오프라인 웹 응용 프로그램에서 작동하지 않습니다. 여기에 예를 볼 수 있습니다 : http://straathof.acadnet.ca/beta2.2이 파일을 idevice 홈페이지에 저장하고 비행기 모드를 켜고 엽니 다. 사용 된 svg 글꼴과 명명 시스템 때문에 글꼴 URL이 실패하게됩니다.
잘하면 Apple에서 곧 해결할 것입니다.
정말 오래된 버전의 iOS (사용량이 거의 없음)를 꼭 지원해야하는 경우가 아니라면 오래된 버전 일 것입니다. http://caniuse.com/#feat=fontface –