문제

HTML의 모양을 개선하기 위해 비표준 웹 글꼴을 사용하고 싶습니다.

웹 글꼴을 삽입하는 것이 더 나은가요, 아니면 sifr과 같은 것을 사용하는 것이 더 나은가요?

내 이해는 sifr이 벡터 글꼴에 대한 플래시 기반 뷰어이지만 다소 복잡해 보이기 때문에 시도하기를 꺼려했습니다.

(법적 문제로 인해) 웹 글꼴 삽입에 대해 고무적인 이야기가 많이 없는 것 같으니 sifr이 이를 수행하는 표준 방법에 더 가깝을까요?

어떤 의견이라도 감사하겠습니다.감사해요.

도움이 되었습니까?

해결책

웹 글꼴은 Safari 3.1, 다가오는 Firefox 3.5 및 다가오는 Opera 10에서 지원됩니다. 인터넷 탐색은 IE4 이후 (다른) 형식을 지원했습니다.

이 시점에서 Safari, Firefox 및 Opera의 구현의 가장 큰 문제는 원래 글꼴 파일을 웹 서버에 업로드해야한다는 것입니다. 많은 글꼴의 경우, 이것은 파운드리 유형에서받은 라이센스를 위반하는 것을 구성합니다. 따라서 웹 글꼴은 파운드리 유형이 귀하에게 사용할 수있는 권한을 부여하지 않은 경우 적절한 솔루션이 아닙니다. 그러나 자유롭게 라이센스가 부여 된 글꼴이 있습니다.

이로 인해 이미지, 플래시 및 JavaScript 기반 솔루션의 대략 세 가지 옵션이 있습니다. 이미지는 종종 브라우저 퀴크 및 성능과 관련하여 최소한의 영향을 미치지 만 PHP에서 동적 이미지 생성은 종종 다른 솔루션만큼 좋지 않습니다. 물론 Photoshop에서 수동으로 이미지를 만들 수는 있지만 일반적으로 목적을 물리칩니다.

SIFR은 플래시를 사용하여 텍스트를 렌더링하며 텍스트를 선택하고 동적으로 변경하며 중첩 된 HTML 요소의 스타일을 제어 할 수 있다는 점에서 상당히 유연합니다. Hoefler & Frere-Jones는 서버 라이센스 비용을 지불하고 SIFR 플래시 영화를 도메인 이름으로 제한하는 데 가능한 모든 조치를 취한 경우 SIFR에 OK를 제공했습니다.

Cufón은 자체 렌더링 엔진을 구현 한 순전히 JavaScript 솔루션으로, 영리합니다. 이 시점에서 SIFR만큼 유연하지 않으며 법적 문제는 여전히 불분명합니다.

즉, 이미지, SIFR 및 Cufón은 모두 해킹이며 적절한 웹 글꼴이 필요합니다. 어제.

(면책 조항 : 저는 SIFR의 리드 개발자이므로 다소 편견이있을 수 있습니다.)

다른 팁

JS 대안을 고려할 수도 있습니다. 그러나 최상의 크로스 브라우저 호환성을 위해서는 정적 텍스트를 이미지로 바꾸는 이미지와 백그라운드 이미지 및 텍스트 신계 CSS 트릭을 사용하는 것이 좋습니다.

위에서 언급 한 기술 (및 기타)은 여기에서 읽을 수 있습니다. http://css-tricks.com/nine-techniques-for-css-image-replacement/

고려해야 할 것 :

당신의 '더 나은 외모'글꼴을 보는 모든 방문객에게는 양립 할 수없는 브라우저를 가지고 있거나 해당 기능을 비활성화하지 않는 많은 사람들이 있습니다. 올바른 글꼴을 갖는 것은 아마도 당신이 할 수있는 가장 귀중한 디자인 변경이 아닐 것입니다.

내 모바일 브라우저에서 내장 글꼴을 포함하지 않는 내 모바일 브라우저에서 작성했습니다.

글꼴 포함을 정의하는 CSS3 웹 글꼴 모듈은 여전히 ​​작업 초안입니다.실제로 글꼴 삽입에 대한 실질적인 지원은 좋지 않습니다.2~3년 정도 더 기다려보는 게 좋을 것 같아요.

또한 아무것도 가치가 없습니다 : 타자,이 모든 것을 추상화하기 위해 JavaScript 라인을 제공하는 서비스.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top