SVG 글꼴이 작동하지 않는 Safari 5.1 텍스트 오버 플로우 줄임표

div에 text-overflow:ellipsis과 font-family:'SomeSvgFont'이 있습니다. Safari 5.1을 제외한 모든 브라우저에서 텍스트 배치가 올바르게 작동합니다. [email protected] 대신 ...이 표시됩니다.SVG 글꼴이 작동하지 않는 Safari 5.1 텍스트 오버 플로우 줄임표

글꼴이 예를 들어 woff 유형 인 경우에는 발생하지 않지만 Safari를 포함하여 웹킷 브라우저에서 더 나은 글꼴 다듬기를 위해 svg를 사용하는 것을 선호합니다.

Windows 및 OS X에서 Safari 5.1을 테스트했습니다. (Mac의 Safari 버전은 정상적으로 작동합니다.)

이 문제의 해결 방법이 있습니까? 여기

는 fiddle이며, 전체 코드 :

@font-face { 
    font-family: 'AsapRegular'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('url_to_my_svg_font') format('svg'); 
} 

.wrap { 
    font-family: 'AsapRegular', sans-serif; 
    width: 6em; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 


<div class="wrap">[email protected]</div>

출처

2014-04-10 Tzach

N-2 버전의 브라우저를 지원해야합니까? Saf6은 한동안 사용되었습니다. 특히 Windows에서 : webdevelopers를 제외하고 Safari를 사용하는 사람은 누구입니까? 애플이 양쪽 버전을 돌 보았을 때 테스트하기에 편리했지만 요즘에는 요? 감사합니다. @FelipeAls. – FelipeAls

나는 Safari 5.1이 희귀하다는 것을 알고 있지만 불행히도 여전히 일부 고객이 사용하고 있습니다. 아마도이 문제를 해결하는 데 너무 많은 시간을 투자하지는 않겠지 만 신속한 해결 방법이 있으면 알게 될 것입니다. – Tzach

이 문제는 또한 크롬 창에서 발생합니다. 내 문제는 텍스트 렌더링을 해제하여 해결되었습니다 : 최적화 가능성.

출처

2014-07-08 22:43:23 Melzee

SVG 글꼴이 작동하지 않는 Safari 5.1 텍스트 오버 플로우 줄임표

답변

관련 문제