2016-08-21 5 views
1

글꼴 스택에서 처음이 아닌 웹 사이트에서 가져온 Google 웹 글꼴이 제대로 작동하지 않습니다.스택 끝에서 Google 웹 글꼴 가져 오기가 작동하지 않습니다.

하지만 글꼴 스택의 첫 번째 글꼴은 작동하지만 꼭 필요하지는 않습니다.

일주일 전에 필자는 랩톱에 듀얼 부팅으로 리눅스를 설치했고, 내 웹 사이트가 리눅스에서 어떻게 보이는지보기로 결정했다. 리눅스에는 글꼴이 많지 않았고, 특히 팔라티노 글꼴이 없었기 때문에 이상하게 보였다. 세례반. 하지만 예상대로 작동하지 않습니다.

문제는 글꼴이로드되지 않습니다하지 않습니다 - 그들은로드 :

가 가끔 2 개 언어도 구글 웹 폰트는 라틴어와 산스크리트어 문자가 영어와 산스크리트어 (힌두어)에서 웹 페이지를 가지고있다. Web Font가 3 또는 4 위치에있을 때, Sanskrit 텍스트는 변경되지만 텍스트의 영향을받지 않는 영어 (라틴 문자) 부분은 그대로 둡니다.

그러나 Web Font을 먼저 쓰면 모든 것이 잘됩니다.

@import 'https://fonts.googleapis.com/css?family=Sahitya&subset=devanagari'; 

font-family: 'Sahitya', "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; 

또는

font-family: "Palatino Linotype", Palatino, "Book Antiqua", 'Sahitya', Georgia, serif; 

UPDATE : 글꼴 스택은 두번째 위치에 Webfont로도 작동 , 즉 같은

font-family: "Palatino Linotype", 'Sahitya', Palatino, "Book Antiqua", Georgia, serif; 

-하지만 뒤에 팔라티노 글꼴 ... I 따옴표로 뭔가있을 수 있다고 의심하십니까?! 더블 또는 싱글! - 일반적인 규칙은 알고 있지만 - 따옴표는 2 단어로 구성된 이름에만 필요합니다. 하지만 여전히 ...?!

업데이트 2 :

같은 문제뿐만 아니라, 리눅스 글꼴을 수입 나타납니다 - 그 다음 하나 하나 개의 단어의 다른 글꼴

font-family: Palatino, Carlito 말 글꼴 스택의 다음 경우 - 작동하지 않습니다 ;

동안 :

font-family: "URW Palatino l", Carlito -

+0

' @ import'는 항상 CSS의 첫 줄이어야합니다. –

+0

규칙 방식 : https://drafts.csswg.org/css-fonts-3/#font-family-prop에 따라 인용 규칙은 "일반 패밀리가 아닌 다른 글꼴 패밀리 이름은 문자열로 인용 부호를 지정하거나, 또는 하나 이상의 식별자 시퀀스로 인용되지 않습니다. " - 식별자는 [영숫자로만 구성된] 문자열 (https://www.w3.org/TR/CSS21/syndata.html#value-def-identifier)이므로 'Palatino Linotype'과 ' Bookman Antiqua "(따옴표 포함),"Sahitya "와"Georgia "(따옴표 제외). –

+0

'Sahitya'- Google webfont의 약자로, 작은 따옴표로 된 예입니다. Palatino, Georgia - 따옴표없이 =) –

답변

0

당신이 당신의 HTML 헤더에서 그들을 수입 봤어 사용할 수 있습니까? 이 같은 :

http://fonts.googleapis.com/css?family=Lato:400,300,700 'REL ='스타일 '유형 ='텍스트/CSS '>

감사합니다, 파블로

+0

이것은 Google에서 제공하는 다른 방법입니다. 그러나 나를 위해 더 많은 문제가 걸릴 것입니다; 나는 드루팔 (Drupal) 노드에서 그들을 필요로한다. @import를 일반적인 스타일 시트에 넣는 것이 더 쉽다. –

관련 문제