내 @font-face가 Internet Explorer에서는 렌더링되지 않지만 Firefox에서는 완벽하게 작동하는 이유는 무엇입니까?

Internet Explorer: @font-face가 렌더링되지 않음

멋진 글꼴을 웹 사이트에 통합하려는 시도에서 개발자는 다음과 같은 문제에 직면합니다. 글꼴은 Firefox에서는 완벽하게 표시되지만 Internet Explorer에서는 표시되지 않습니다. IE가 글꼴에 액세스했다는 Apache 액세스 로그의 증거에도 불구하고 @font-face CSS 태그로 인해 적절한 렌더링이 이루어지지 않습니다.

이 문제를 해결하기 위해 개발자는 글꼴을 EOT 형식으로 변환하는 도구를 활용했습니다. , 즉 Kirsle의 TTF2EOT 변환기입니다. 그러나 Microsoft의 WEFT 도구는 초기화 시 애플리케이션이 중단되는 등 비효율적인 것으로 판명되었습니다.

글꼴 정의에 대한 개발자의 CSS는 다음과 같습니다.

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

이후에 다음을 사용하면 글꼴이 호출됩니다. CSS:

p .mytext
{
   font-family: HelveticaLTCN;
}

해결책: Font Squirrel 활용

이 장애물을 극복하려면 Font Squirrel 서비스를 이용하는 것이 좋습니다. 이 도구는 기능면에서 WEFT를 능가하며 상호 호환성을 위한 탁월한 솔루션을 제공합니다. Font Squirrel을 사용하면 포괄적인 CSS HTML 샘플 페이지와 함께 단일 ZIP 파일 내에서 모든 필수 크로스 브라우저 형식을 생성할 수 있습니다.

Font Squirrel을 사용하면 @fontface 구현에서 비교할 수 없는 수준의 단순성과 효율성이 실현됩니다. , 다양한 웹 브라우저에서 최적의 글꼴 렌더링을 달성하기 위한 가장 효과적인 접근 방식을 제공합니다.

위 내용은 내 @font-face가 Internet Explorer에서는 렌더링되지 않지만 Firefox에서는 완벽하게 작동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!