Cufon은 텍스트 대체 자바 스크립트 라이브러리입니다. 코드베이스의 sIFR과 관련이 없지만 Flash 파일이 없어도 동일한 작업을 수행합니다. 설정하는 데 약 5 분이 소요되며 다시 만질 필요가 없습니다. 더 쉬울 수 없으며 웹 사이트의 모양에 큰 영향을 줄 수 있습니다.
작동 원리
첫 번째 단계는 Cufon 웹 사이트를 통해 글꼴을 제출하는 것입니다. 글꼴을 SVG (확장 가능한 벡터 그래픽) 글꼴로 처리합니다. 그런 다음 경로는 VML (벡터 마크 업 언어)로 처리되어 IE의 Cufon 속도가 크게 향상됩니다. 결과 데이터는 JSON으로 인코딩되어 처리를 위해 Cufon 정의 함수로 전달되며, 여기서 마법이 발생합니다.
Cufon 예
먼저 Cufon 웹 사이트로 이동하여 처리 할 글꼴 파일을 제출하십시오. 다운로드 할 수 있도록 .js 파일을 추출합니다. Cufon이 텍스트를 선택한 글꼴로 번역하려면이 파일이 있어야합니다.
다음으로 cufon-yui.js 파일과 생성 된 글꼴 javascript 파일을 모두 포함하십시오. 마지막으로 클래스에서 일부 텍스트를 래핑하고 해당 클래스 이름 주위에서 Cufon 대체를 시작합니다. 아래의 전체 코드 :
이것은 Molot 글꼴의 텍스트입니다
결과 :
이것은 Molot 글꼴의 텍스트입니다
Cufon Lineheight
줄 높이를 가진 모든 브라우저에 알려진 문제가있을 수 있습니다.
Cufon.now ()
IE에서 더 나은 시청 환경을 위해서는 body 태그 바로 앞에 Cufon.now () 함수를 호출하는 것이 좋습니다. 페이지가로드되고 글꼴이로드 될 때 발생할 수있는 일시적인 실수를 처리합니다.
