2012-12-22 3 views
4

Google 드라이브의 공용 폴더에서 호스팅되는 웹 페이지에서 Google 글꼴을 사용해보고 싶지만 글꼴이 표시되지 않습니다. Google 드라이브에서 사용할 수있는 기술이 있거나 제한되어 있습니까?Google 드라이브 웹 호스팅에서 Google 글꼴을 사용할 수 있습니까?

+0

더 이상 할 수 있다고 생각하지 않습니다. 글꼴은 다를 수 있지만 http://stackoverflow.com/questions/40478447/google-drive-hosted-css-not-working –

답변

3

Google 드라이브 웹 호스팅이 외부 CSS로 연결되는 것을 좋아하지 않는 이유가 무엇이든지간에. 그것을 고칠 수있는 방법을 모르지만 수동으로 Google CSS css 코드를 내 CSS 파일에 추가하여 문제를 해결했습니다.

열기가 HTML 코드 그들이 당신을주고 일부 CSS 코드를 볼 수 있습니다에서 링크 : 예를 들어

되는 HTML :

:에 리드를 연결

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

CSS의

@font-face { 
    font-family: 'Francois One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); 
} 

css 코드를 바로 CSS 파일에 복사하면 글꼴이 Google 드라이브 호스트 사이트에 표시됩니다. 별도의 CSS 파일이없는 경우에 당신은 너무처럼 바로 HTML 코드로 CSS를 포함 할 수 있습니다 :

<style media="screen" type="text/css"> 
    @font-face { 
    font-family: 'Francois One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); 
    } 
</style> 
+1

외부 로딩을 차단하는 권한 문제 인 것 같습니다. 모든 것을로드하도록 말할 때까지 인터넷 익스플로러에서 폰트는 여전히 작동하지 않습니다. Chrome에서는 방패를 클릭하고 글꼴에 표시된 모든 것을로드하도록 지시합니다. 바라기를 이것은 고칠 수있는 것이다. – SuppleTeet

6

내가 구글의 글꼴에 대한 보안 링크를 생성하여 자신을 위해 구글 웹 글꼴을 사용하는 기술을 발견 apis - 다음과 같이 http를 https로 변경하십시오.

<link href='https://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css' /> 

이 내용을 찾아야합니다.

+1

이 방법은 저에게 효과적입니다. 빠르고 쉬운 수정. 고맙습니다. – jchi2241

+0

문제 없어요 :) – ugoano

+1

물론! 이것은 답변으로 표시되어야합니다. 멋진 해결! –

관련 문제