인터넷 서적의 합자

글리프의 궁극적 인 컬렉션이있는 아이콘 글꼴을 사용 중이며 무료로 사용할 수있는 아이콘 글꼴을 작업 중입니다. http://www.webhostinghub.com/glyphs/ 가장 쉬운 방법은 합자를 사용하는 것이고 많은 것은 다른 프로젝트는 그렇다. 문제는 합자가 Internet Explorer에서 작동하지 않는 것 같지 않다는 것입니다. Chrome, Firefox 및 Safari에서는 정상적으로 작동하지만 IE에서는 정상적으로 작동하지 않습니다.인터넷 서적의 합자

@ font-face를 처음 사용하는 Microsoft이지만 어떤 이유로 글꼴에 합자가 있다는 것을 잊어 버렸기 때문에 수치 스럽습니다. 아니면 실수를 저질렀을 수도 있고, 실수를 저질렀 으면 좋겠다. 나는이 주제에 대한 조언에 매우 감사 할 것입니다. 또는 직접적인 해결책이 없다면 어쩌면 해결 방법을 알 수 있습니다. 사전에 어떤 정보를 주셔서 감사합니다!

출처

2013-01-03 BanzaiTokyo

font-feature-settings을 사용해 보셨습니까? IE10은 이것을 지원합니다 : http://msdn.microsoft.com/en-us/library/ie/hh869409(v=vs.85).aspx –

IcoMoon은 합자가 IE9 이하에서 지원되지 않는다고 언급합니다 : http : // icomoon .io/# docs/ligatures :( –

이름이있는 아이콘 (예 : 머티리얼 디자인 아이콘 세트)에 합자를 사용하는 사람은 합자 시퀀스가 * 정확히 * 16 자이면 IE에서 렌더링되지 않습니다. Fordi [1] https://stackoverflow.com/users/353872/fordi –

합자 정말이 -ms-font-feature-settings

를 사용하여 IE10 이전 버전에서 작동하지 오래된 브라우저와 크로스 브라우저 합자에 대한 신뢰할 수있는 방법은 아닙니다.

CSS3 텍스트 렌더링 : optimizeLegibility은 IE에서는 작동하지 않으며 ms-font-feature-settings은 IE10에서만 지원됩니다.

한 가지 대안은 HTML 엔티티를 사용하는 것입니다.하지만 SEO에 부정적인 영향을 미치는 문자로 문자를 대체하는 것입니다.

합자 (Ligature.js) (link)는 합자 지원을 추가하는 다른 방법입니다. HTML 엔티티를 사용하는 것보다 낫지 만 다른 이유로는별로 실용적이지 않습니다.

이것은 기존 솔루션을 자세히 설명하고 최신 브라우저의 CSS3 합자 처리를 설명하는 excellent article입니다.

출처

2013-10-07 02:44:54 jsuissa

내 2 센트 만 사용 : 일반적인 합자가 기본적으로 활성화되어야하지만, 글꼴 합지 기능을 추가 한 후에 만 IE10 +에 나타납니다. -settings : [여기] (https://developer.mozilla.org/en/docs/Web/CSS/)에서 설명한대로 "liga"1 및'-ms-font-feature-settings : "liga"1; 글꼴 기능 설정). – Groo

인터넷 서적의 합자

답변

관련 문제