사용자 정의 글꼴 및 CMS

Question

필자의 필체로 만든 사용자 글꼴이있는 아티스트의 웹 사이트를 만들고 있습니다. 그는이 서체를 사이트 전체에서 광범위하게 사용하고 싶습니다. 모든 본문이 아닌 읽기가 어려울 수 있지만 제목, 탐색, 설명 선, 그런 것들을 위해서.

나는 파일을 가지고있다 - 그것은 트루 타입 글꼴 파일이다.

우리는 PHP 기반 CMS를 사용하여 사이트를 구축 할 것입니다.

페이지 이름, 제목 등을 CMS에서 클라이언트가 편집 할 수있게하면서이 용도로이 사용자 정의 글꼴을 사용하는 가장 좋은 방법은 무엇입니까? 최대한 많은 사용자를 수용하고 싶지만 일부 사이트 방문자가 Arial 또는 Verdana를 보거나 본문 복사본을 선택하는 것이 좋을 것입니다.

@ font-face에 whirl을 주어야합니까? PHP를 사용하여 서버에 이미지를 생성 하시겠습니까? 시프레? 이 사이트는 잠시 동안 주변에있을 가능성이 있으므로 앞으로 가능한 한 생각하고 싶습니다. 동시에 아무도 자신의 웹 사이트에서 글꼴을 사용하거나 사본을 다운로드 할 수 없도록하고 싶습니다.

자신의 현재 사이트에 대한 배경 정보 : 하루에 약 500 회 방문 (2000 페이지 뷰)의 합리적인 바쁜 사이트.

브라우저 통계 :

IE : 48 % (IE6에 IE 사용자의 10 % IE7 42 % IE8 48 %)

FF : 32 % (3.5 그 중 38 %. 5, 3.0.15에서 29 %, 3.5.4에서 11 %, 2.0.0.20에서 4 %, 3.5.2에서 5 %)

Safari : 17 % (531.9에서 53 %, 13 %에서 531.21.10, 528.16에서 7 %, 525.22에서 5 % 및 530.19에서 4 %)

크롬 : 2 % (3.0.195.33에서 41 %, 3.0.195.27에서 31 %, 3.0.195.27에서 21 %, 3.0.195.32에서 21 % 및 4.0.223.16에 4 %)

Answer 1

가장 쉬운 해결책은 @font-face 방법을 사용하는 것입니다. Microsoft 전용 형식 (.EOT)을 포함하면 ANY 브라우저에서 작동합니다.

글꼴 대체에 관한 기사를 확인하십시오.

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

당신은 .EOT에 글꼴 (IE의 포맷 필요)

http://www.microsoft.com/typography/WEFT.mspx

@font-face 방법은 수행하지 변환 Microsoft에서 제공하는이 도구를 사용할 수 있습니다

앞서 언급 한 sIFR 및 Cufon 기법과 마찬가지로 Javascript 또는 Flash가 필요하므로 모든 사람이보다 쉽게 ​​액세스 할 수 있습니다.

은 전적으로 SEO에게 친절합니다. 및 확장 가능입니다.

Answer 2

나는 cufon을 시도 할 것입니다. 서체는 "보호되지"않습니다. 그러나 Cufon 생성 서체를 Truetype 또는 Opentype면으로 변환하는 데 기술적 인 노력이 필요합니다. 내가 추천 할 것입니다

Answer 3

방법은 여기에 대한 정보를 찾을 수있는 확장 성 잉먼 플래시 교체 (또는 sIFR)입니다 : 일반적이다 http://www.mikeindustries.com/blog/sifr/

다른 기술,하지만 난 개인적으로 사용한 적이, PHP는 이미지를 대체합니다. 둘 다 스크립트 사용을 요구하므로 noscript를 사용하는 사람들과 함께 작동하지 않으며 sIFR이 Ad Block Plus와 함께 작동하지 않는다는 것을 알고 있습니다.하지만 당신이 말했듯이, 시장의 상당 부분은 훌륭하게 작동하고 환상적으로 보입니다.(옆 또는 sIFR 및 Cufon에서 다른 사람이 언급 한 것처럼)

Answer 4

두 가지 옵션 :

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

정적 이미지 만들기 :

는 CSS를 통해 사용자 정의 글꼴을 지정합니다 :

사용자 정의 글꼴을 사용하여 각 머리글에 대한 이미지를 만드는 것에 유의 했으므로 글꼴을 복사하려는 모든 사람에게 장애물이됩니다. 물론 글꼴을 포함하는 그래픽에서 글꼴을 추적하여 글꼴을 쉽게 만들 수 있습니다.

정말

"나는 아무도 사본을 자신의 웹 사이트에 글꼴을 사용하거나 다운로드 할 수 있습니다 정말 확실하고 싶습니다"

에 대한 주요 파업이 질문은 다음이다? 정적 이미지/플래시/SIFR/Cufon을 사용하지 않고 사용자는 웹 브라우저에서 글꼴을 렌더링하기 위해 글꼴 사본을 컴퓨터로 다운로드해야합니다. 사용자에게 복사본을 제공하면 자신의 웹 사이트에서 사용하는지 여부를 실제로 제어 할 수 없습니다. 다시, 복사 할 수있는 전 세계의 TTF를 정적 이미지에서 글꼴을 복사 만들 사소한 - 복사 유명한 글꼴의 예 http://www.dafont.com/ 같은 사이트를 참조하십시오 (예를 들어, Tranformers 글꼴 : http://www.dafont.com/search.php?psize=m&q=transformers)

Answer 5

@ Font-Face는 저에게 큰 도움이됩니다. 글꼴을 업로드 할 수있는 발전기가 있습니다. 그러면 & 코드가 필요합니다. http://www.fontsquirrel.com/fontface/generator