CSS에서 사용자 정의 글꼴을 사용하는 방법

브라우저에서 지원하지 않는 사용자 정의 글꼴을 사용하기 위해 시도 할 수있는 옵션은 무엇입니까?CSS에서 사용자 정의 글꼴을 사용하는 방법

2011-04-09 dave

의 중복 가능성 [웹에서 비표준 글꼴?] (http://stackoverflow.com/questions/2969323/non-standard-fonts-in-web) 난 단지에 읽어 –

업데이트 : 2015 년 기준으로 CSS3 글꼴 얼굴을 사용하는 것이 가장 좋습니다. 문자 그대로 거의 모든 곳에서 지원됩니다. Google Fonts 플랫폼에는 좋은 예가 있습니다. http://cufon.shoqolate.com/generate/

그것은 브라우저에서 해당 글꼴의 자바 스크립트 표현으로 자신의 서버에 글꼴 파일을 변환하는 자바 스크립트 libary이다

오른쪽 최선의 선택이 cufon 아마 알고있다. 모든 주요 브라우저에서 작동하고 멋지게 보이며 속도가 느려지지 않고 (구형 플래시 기반 sIFR 솔루션처럼) JavaScript를 필요로합니다. (그것 없이는 모든 텍스트를 표준 글꼴로 볼 수 있습니다).

또는 CSS3 글꼴 -면을 사용할 수 있습니다. http://randsco.com/index.php/2009/07/04/p680 기본적으로 글꼴을 서버에 놓은 다음 CSS를 사용하여 일반적이고 간단하게 렌더링합니다. 그것은 모든 브라우저에서 조금 나쁘게 지원되었지만 지금은 아마도 가장 좋은 기회 일 것입니다. 자바 스크립트가 필요하지 않습니다. (나는 cufon이 당신의 가장 좋은 장면이라고 말했지만, 그 두 가지는 똑같이 훌륭하다. 조금 다른 방식으로 그것을한다)

업데이트 : 또한 font-face가 더 좋은 또 다른 이유는 사용 된 텍스트 이 파일은 문서의 다른 텍스트와 같습니다. Cufoned 텍스트는 대부분의 브라우저에서 캔버스 태그가되며 텍스트 선택과 같은 문제가 있습니다. 또한 커다란 양의 텍스트 (예 : 전체 아티클의 텍스트와 같은)에 cufon을 사용했다면 JavaScript가 많은 텍스트를 렌더링해야하므로 잠재적으로 꽤 느려질 수 있습니다 이 경우). 제목은 괜찮습니다.

출처

2011-04-09 18:09:47 Cray

@ 글꼴 - 얼굴 일, 그리고 그것은 달콤한 소리! 나는 그것에 흥분한다! – Andbdrew