맞춤 웹 글꼴

Question

웹 사이트 http://www.habitat.co.uk/은 맞춤 글꼴을 렌더링 할 수 있도록 캔버스 요소로 텍스트를 대체하는 시스템을 사용합니다.

아무도 나를 어떻게 도와 줄 수 있습니까?

Answer 1

소스 코드를 살펴보면 cufon 글꼴 대체가 사용 된 것을 볼 수 있습니다. 여기

http://cufon.shoqolate.com/generate/

은 시작 얻을 것이다 좋은 튜토리얼 -> http://net.tutsplus.com/articles/news/the-easiest-way-to-use-any-font-you-wish/

또한 내 의견으로는 구현하기가 훨씬 쉽습니다 @ 글꼴 얼굴과 같은 다른 방법이있다.

Answer 2

그들은 @의 fontface를 사용하고, 그들이 cufon와 @의 fontface의 조합을 사용하는 것처럼 http://www.habitat.co.uk/

@font-face{ 
    font-family:'DINHabitatBold'; 
    src:url('dinhabbd-webfont.eot'); 
    src:local('?'),url('dinhabbd-webfont.woff') format('woff'),url('dinhabbd-webfont.ttf') format('truetype'),url('dinhabbd-webfont.svg#webfontuqLLqO9I') format('svg'); 
    font-weight:normal; 
    font-style:normal; 
}