사용자 정의 글꼴 및 CMS
https://stackoverflow.com/questions/1838295
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
나는 필기로 만든 맞춤형 글꼴을 가진 아티스트를위한 웹 사이트를 만들고 있습니다. 그는이 글꼴을 사이트 전체에서 광범위하게 사용하고 싶습니다. 읽기가 어렵 기 때문에 모든 바디 사본이 아니라 제목, 내비게이션, 콜 아웃 등의 경우 사용하고 싶습니다.
파일이 있습니다. TrueType 글꼴 파일입니다.
우리는 PHP 기반 CMS를 사용하여 사이트를 구축 할 것입니다.
CMS의 클라이언트가 페이지 이름, 제목 등을 편집 할 수 있도록이 목적 으로이 사용자 정의 글꼴을 사용하는 가장 좋은 방법은 무엇입니까? 가능한 한 많은 사용자를 수용하고 싶지만 일부 사이트 방문자가 Arial 또는 Verdana 또는 우리가 바디 사본을 선택한 것을 보았을 때 괜찮을 것입니다.
@font-face를 소용돌이로 주어야합니까? PHP를 사용하여 서버에서 이미지를 만들 수 있습니까? SIFR? 이 사이트는 잠시 동안 주변에있을 것이므로 가능한 한 미래를 생각하고 싶습니다. 동시에, 나는 아무도 자신의 웹 사이트에서 글꼴을 사용하거나 사본을 다운로드 할 수 없다고 확신하고 싶습니다.
현재 기존 사이트에 대한 일부 배경 정보 : 하루에 약 500 개의 방문 (2000 페이지보기)이있는 합리적으로 바쁜 사이트.
브라우저 통계 :
IE : 48% (IE6의 IE 사용자의 10%, IE7의 42%, IE8에서 48%)
FF : 32% (3.5.5의 38%, 3.0.15에서 29%, 3.5.4에서 11%, 2.0.0.20에서 4%, 3.5.2에서 5%)
사파리 : 17% (531.9의 53%, 531.21.10의 13%, 528.16의 7%, 525.22의 5%, 530.19에서 4%)
크롬 : 2% (3.0.195.33의 41%, 3.0.195.27의 31%, 3.0.195.32에서 21%, 4.0.223.16에서 4%)
해결책
가장 쉬운 솔루션은 사용하는 것입니다 @font-face 방법. Microsoft 전용 형식 (.eot)을 포함하면 작동합니다. 어느 브라우저.
글꼴 교체 에서이 기사 중 일부를 확인하십시오.
http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-topport-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-time-is-now/
Microsoft 에서이 도구를 사용하여 글꼴을 .eot (IE에 대한 형식 필요)로 변환 할 수 있습니다.
http://www.microsoft.com/typography/weft.mspx
그만큼 @font-face 메소드에는 이전에 언급 된 SIFR 및 CUFON 기술과 같이 JavaScript 또는 Flash가 필요하지 않으므로 모두가 더 액세스 할 수 있습니다.
이것의 완전히 SEO 친화적입니다 그리고 확장 가능.
다른 팁
나는 시도 할 것이다 Cufon. 서체는 "보호"되지 않습니다. 그러나 Cufon 생성 서체를 TrueType 또는 OpenType 얼굴로 다시 변환하려면 약간의 기술적 인 노력이 필요합니다.
내가 권장하는 방법은 확장 가능한 Inman Flash 교체 (SIFR)이며 여기에서 정보를 찾을 수 있습니다. http://www.mikeindustries.com/blog/sifr/
일반적이지만 개인적으로 사용한 적이없는 다른 기술은 PHP 이미지 교체입니다. 둘 다 스크립트를 사용해야하므로 Noscript를 사용하는 사람들과 함께 작동하지 않으며 SIFR이 AD Block Plus와 함께 작동하지 않을 것이지만, 당신이 말했듯이, 시장의 많은 비율은 잘 작동하고 환상적으로 보일 것입니다.
두 가지 옵션 (다른 사람들이 언급 한 SIFR 및 Cufon을 제외하고) :
CSS를 통해 사용자 정의 글꼴을 지정하십시오.
http://www.456bereastreet.com/archive/200710/the_resurrection_of_downable_web_fonts/
http://www.richinstyle.com/guides/fontface2.html#src
정적 이미지 만들기 :
언급 한 바와 같이 사용자 정의 글꼴을 사용하여 각 헤더에 대한 이미지 생성 - 글꼴을 복사하려는 사람에게도 장애물을 나타냅니다. (물론, 그들은 항상 글꼴이 포함 된 그래픽에서 글꼴을 추적하고 쉽게 TTF를 만들 수 있습니다).
이 질문에 대한 주요 파업은 다음과 같습니다.
"아무도 자신의 웹 사이트에서 글꼴을 사용하거나 사본을 다운로드 할 수 없다고 확신하고 싶습니다."
진짜? 정적 이미지/flash/sifr/cufon을 사용하지 않으면 사용자는 웹 브라우저에서 글꼴을 렌더링하기 위해서는 컴퓨터에 글꼴 사본을 다운로드해야합니다. 사용자에게 사본을 제공하면 자신의 웹 사이트에서 사용 여부를 제어 할 수 없습니다. 다시 말하지만, 정적 이미지에서 글꼴을 복사하고 전 세계가 복사 할 TTF를 만드는 것은 사소한 일입니다. http://www.dafont.com/ 유명한 글꼴의 예를 보려면 복사합니다 (예 : Tranformers 글꼴 : http://www.dafont.com/search.php?psize=m&q=transformers)
@font-face는 나에게 훌륭하게 작동합니다. 여기에는 글꼴을 업로드 할 수있는 생성기가 있으며 필요한 모든 형식 및 코드를 제공합니다. http://www.fontsquirrel.com/fontface/generator
