Google 웹 글꼴을 SUBSTITUTE 글꼴로 사용하려면 어떻게해야합니까?

Question

대체 글꼴로 Google 웹 글꼴을 사용하려고합니다. 그러나 대체 폰트 대신 기본 폰트로 사용됩니다. 내에서

가, 나는 그것이 글꼴에 연결 한 :

<link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'> 

을 내 CSS에서, 나는 동판 글꼴의 변화를하고 난 내 PC에서 작동 알고 나는 그들 중 일부가 설치되어 있습니다.

이

.class{ 
    font-size: 24pt; 
    font-family: Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate, Balthazar; 
} 

는 그러나 발타자르는 지난 글꼴하더라도, 그것은 첫째로 다가오고 :이 부분은 내 CSS의 시작 부분입니다. 호는 내가 해결할 수 있니?

Answer 1

font-family degradation은 세 가지 가져 오기 시나리오 (@import, <link> 또는 JavaScript) 모두에서 Google 글꼴로 정상적으로 작동하는 것으로 보입니다.

이 예를 참조하십시오 http://jsfiddle.net/awRQm/

---

원인은 정말 발타자르 다시 떨어지는 것입니다.

여러 단어 글꼴 이름

, 그것과 같이 작은 따옴표를 포장하는 것이 가장 좋습니다 :

.class{ font-size: 24pt; font-family: 'Copperplate Gothic Bold', 'Copperplate Gothic Light', Copperplate, Balthazar; } 

CSS 2.1 spec에 따르면

식별자의 순서는로 주어지면

" 글꼴 패밀리 이름의 경우 계산 된 값은 시퀀스의 모든 식별자를 단일 공백으로 결합하여 문자열로 변환 된 이름입니다. "

Answer 2

CSS에 의해 올바르게 읽히려면 이름에 공백이있는 글꼴을 인용 부호로 묶어야합니다. 이것은 안전한 측면에 있기 위해 google 웹 글꼴에도 사용됩니다.

예 : 시스템에 설치된 몇 가지 독특한 글꼴로 발타자를 교체하는 경우 font:family: "Copperplate Gothic Bold", "Copperplate Gothic Light", Copperplate, "Balthazar";