웹사이트에 상업용 글꼴 삽입

Question

좋은 저녁입니다 신사 숙녀 여러분!

Helveticaneue 또는 Univers 등과 같은 상업용 글꼴을 포함하기위한 크로스 브라우저 솔루션 검색.나는 몇 가지 유망한 접근법을 발견했습니다.

우선 여기에는 발견되고 현대적이며 사용하기 쉬운 접근 방식을 모두 포함하겠습니다.

1. sIFR
2. 쿠폰
3. typeface.js
4. CSS3 글꼴

SIFR은 잘 알려져 있고 구현하기 쉽지만, 내가 아는 것처럼 JavaScript 전용 형제 자매, Cufón 및 Typface.js만큼 쉽지는 않습니다.

Cufón은 서체보다 조금 더 잘 렌더링하고 더 작은 크기의 글꼴을 생성함에 따라 관심을 끌었습니다.분명히 상업용 글꼴과 함께 사용하는 법적 방법은 없으며, 이런 종류의 솔루션에 포함되지 않을 수 있습니다.

서체 .js의 경우 동일한 상황이 적용되며, 사실이 다릅니다. 사실은 라이센스로 글꼴을 변환 할 수 없으며 웹 사이트에 포함시키는 것을 금지합니다.

마지막으로 Font-Face라고 불리는이 '새로운'CSS 속성은 사용하기 쉽지만, 사랑하는 IE의 경우 파일을 EOT (Embedable OpenType) 파일로 변환해야합니다.

따라서 브라우저 내부에서 이러한 글꼴을 사용할 수있는 IE에는 특별한 CSS 선언이 필요합니다.

이제 질문은 다음과 같습니다.

웹사이트에서 이러한 상업용 글꼴을 사용하는 가장 좋은 방법은 무엇입니까?Cufón과 함께 지금부터 무료 글꼴을 사용하거나 사용한 모든 글꼴을 EOT 파일로 변환하고 글꼴과 함께 사용 하시겠습니까?

귀하의 잘 논증된 답변에 감사드립니다. 감사합니다!

Answer 1

마지막으로 몇 시간 동안 연구 및 테스트를 마친 후 나는 특별 글꼴을 웹 사이트에 포함시키는 매우 좋은 솔루션을 발견했습니다.

CSS3 글꼴을 통한 접근 방식을 사용하는 것이 가장 좋은 솔루션입니다.

IE를 위해해야 ​​할 유일한 오버 헤드는 Truetype 글꼴 (불행히도 OTF가 작동하지 않음)을 EOT 파일로 변환하는 것입니다.Microsoft Weft는 솔루션이지만이를 수행하는 가장 좋은 방법은 오픈 소스 도구 'TTF2EOT'를 사용하는 것입니다. http://code.google.com/p/ttf2eot/

웹 기반 프런트엔드는 Google에서 'kirsle Wizards'를 검색하여 찾을 수 있습니다.

유일하게 주목할 점은 브라우저 지원입니다...

IE4,5,6,7,8 EOT 파일을 사용하는 반면 TTF 지원은 Firefox 버전> = 3.1에서만 제공됩니다.Safari와 Opera에 대해 확실하지 않지만 Safari 4는 저를 위해 일했고 Opera 10도 일했습니다.

(따라서 Chrome은 오래된 WebKit 버전의 사용으로 인해 지원하지 않습니까?!)

당사 대행사의 고객 추적 통계 "만"방문자의 15 ~ 20%만이 Firefox 2.0 또는 3.0, 이전 사파리 또는 오페라 버전 또는 크롬과 같은 호환되지 않는 브라우저를 사용합니다.

Answer 2

이 페이지의 하단에는 직선 HTML 및 CSS를 사용하여 수행하는 방법에 대한 정보가 있습니다.http://www.albinoblacksheep.com/text/font