Google Blogger 및 교차 도메인 웹 글꼴이 가능합니까?

Google Blogger를 사용하여 다른 서버에서 호스팅되는 웹 글꼴을 사용하여 성공한 사람이 있습니까?Google Blogger 및 교차 도메인 웹 글꼴이 가능합니까?

블로거와 나는 Google 서버에 액세스 할 수 없으므로이 글꼴 파일을 내 서버에 업로드해야합니다.

내 서버 또는 보관 용 계정에 호스팅 된 파일이 작동하지 않습니다.

크롬 37 버전 파이어 폭스 32

@font-face { 
font-family: 'fontname'; 
src: url('www.website.com/fonts/austie_bost_envelopes-webfont.eot'); 
src: url('www.website.com/fonts/austie_bost_envelopes-webfont.eot?#iefix') format('embedded- opentype'), 
url('www.website.com/fonts/austie_bost_envelopes-webfont.svg#fontname') format('svg'), 
url('www.website.com/fonts/Austie_Bost_Envelopes.otf') format('opentype'), 
url('www.website.com/fonts/austie_bost_envelopes-webfont.ttf') format('truetype'), 
url('www.website.com/fonts/austie_bost_envelopes-webfont.woff') format('woff'); 
font-weight: normal; 
font-style: normal; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
@font-face { 
font-family: 'fontname'; 
src: url('/fonts/austie_bost_envelopes-webfont.svg') format('svg'); 
} 
} 

body { 
-webkit-font-smoothing: antialiased; 
}

또한 보관 방법을 시도했다. URL이 있는지 검사

@font-face { 
font-family: 'fontname'; 
src: url('https://www.dropbox.com/s/t4l791ueeurf96g/austie_bost_envelopes-webfont.eot'); 
src: url('https://www.dropbox.com/s/t4l791ueeurf96g/austie_bost_envelopes 
webfont.eot?#iefix')format('embedded-opentype'), 
url('https://www.dropbox.com/s/st6vddetjrti6d8/austie_bost_envelopes-webfont.woff') 
format('woff'), 
url('https://www.dropbox.com/s/mv0gd03th9fyu4x/austie_bost_envelopes-webfont.ttf') 
format('truetype'), 
url('https://www.dropbox.com/s/1idght73mxxdiz3v/austie_bost_envelopes-webfont.svg#fontname') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

는
코드가 올바른 위치에 붙여 넣기 섹션 내부 가]]>
가 제대로
font-를 참조하는 서버에 대한 정확하고 보관 가족 : '강타', serif;

파이어 폭스는 "페이지가 자신의 글꼴을 사용하도록 허용"검사 설정
은 검색에서 찾았

파이어 폭스는 포함 할 수 없습니다 @ font- 보안상의 이유로 다른 도메인의 얼굴 파일. https://productforums.google.com/forum/#!topic/blogger/WPK2zD4xYv4

출처

2014-09-27 Paul Keller

발견 된 솔루션. 연구에서는이 더 나는 도메인 간 공유는 적절한 코드를 사용 가능하게 할 수 발견 :

(나는 워드 프레스와 서버의 설치는, 나는 htaccess로 파일에이 코드를 추가

AddType application/vnd.ms-fontobject .eot 
AddType font/ttf .ttf 
AddType font/otf .otf 
AddType font/otf .eot 
AddType font/otf .woff 
AddType font/otf .svg 
<FilesMatch "\.(ttf|otf|eot|woff|svg)$"> 
<IfModule mod_headers.c> 
SetEnvIf Origin "http(s)?://(www\.)?(domain1.org|domain2.com|domain3.net)$" AccessControlAllowOrigin=$0$1 
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin 
Header set Access-Control-Allow-Credentials true

으로 AddType 지시어는 HTTP 응답에 적절한 MIME 유형을 추가합니다.이 지침은, .OTF 및 .eot.이 지침 점검보고 .TTF 만 확장자를 가진 파일이 둘러싸는 지침을 적용 아파치 헤더 모듈이로드되고 마지막으로 이러한 조건이 충족되면 t 액세스 제어 - 허용 - 원본 헤더를 "*"로 설정하면 모든 연결을 허용하거나 선택 URL 만 지정할 수 있습니다.

참조 된 웹 사이트 :

고정 - 파이어 폭스 - 글꼴 - 얼굴 - 크로스 domain_25

CDN-글꼴

누군가가 아파치 헤더 내가 생각하는 도움이 될 것입니다 무엇인지 설명하기 관심 경우

건배!

출처

2014-09-27 21:20:34

Google Blogger 및 교차 도메인 웹 글꼴이 가능합니까?

답변

관련 문제