구글 글꼴은 모바일

Question

내가 뭔가를 바탕 화면에 완벽하게 작동한다 http://iconablare.in/iconablareredesign

내 웹 페이지에 구글 글꼴 여섯 캡을 사용하려고에로드되지하지만 전체 웹 사이트와 모바일에로드되지 않습니다하지만 난 시도 할 때 만들 그 글꼴을 가진 새로운 html 파일

http://iconablare.in/iconablareredesign/style.css 웹과 모바일 모두에 완벽하게로드됩니다. 아무도 도와 줄 수 있습니까?

두 파일에서 동일한 코드를 사용하고 있습니다.

Answer 1

이처럼 CSS에서 가져 오기 대신 헤더에서 구글 글꼴 링크 스크립트를 포함하려고하는 것이 가능한 경우 :

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

을 대신의 :

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

그 작동하는지 확인하려고

어쨌든 헤더에 액세스 할 수 없거나 CSS에서 가져 오기를 고집하는 경우 @import 행의 코드가 맨 처음이어야합니다. 이 같은 온라인 파일 : 대신의

@import url(http://fonts.googleapis.com/css?family=Six+Caps); 
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

img, object, embed, video { 
    max-width: 100%; 
} 
/* IE 6 does not support max-width so default to width 100% */ 
.ie6 img { 
    width:100%; 
} 

:

@charset "utf-8"; 
/* Simple fluid media 
    Note: Fluid media requires that you remove the media's height and width attributes from the HTML 
    http://www.alistapart.com/articles/fluid-images/ 
*/ 
img, object, embed, video { 
    max-width: 100%; 
} 
/* IE 6 does not support max-width so default to width 100% */ 
.ie6 img { 
    width:100%; 
} 


@import url(http://fonts.googleapis.com/css?family=Six+Caps); 
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

(또한 여기에 설명 : How to import Google Web Font in CSS file?)