font - face 크로스 도 메 인 방법

1416 단어
font - face 는 현재 비교적 유행 하 는 기술 로 아이콘 을 벡터 화 할 수 있 고 색상 변경 이 편리 합 니 다.그 에 대해 더 알 고 싶다 면 여 기 를 클릭 하 세 요.다른 곳 을 뒤 져 보 니 대부분 같은 링크 를 보 여 주 었 다.
그래서 여기 서 내용 을 보충 하 겠 습 니 다.
원인:
Firefox 는 글꼴 파일 을 불 러 오 는 데 제한 이 있 습 니 다. 즉, 다른 사람의 글꼴 을 함부로 불 러 오 는 것 을 허용 하지 않 고 다른 사람 이 글꼴 을 도용 하 는 것 을 방지 합 니 다.
해결 방법:
1. 사이트 루트 디 렉 터 리 에 글꼴 파일 을 넣 습 니 다.2. 글꼴 파일 의 http 헤드 에 Access - Control - Allow - Origin 속성 을 추가 하여 지정 한 도 메 인 에서 글꼴 파일 을 참조 하 는 것 을 제어 합 니 다.
nginx:
server {
    ...
    # Fix @font-face cross-domain restriction in Firefox
    location ~* \.(ttf|ttc|otf|eot|woff|font.css)$ {
        add_header Access-Control-Allow-Origin "http://yoursite.com";
    }
    ...
}

apache:

  
    Header set Access-Control-Allow-Origin "http://yoursite.com"
  

 3. mine 추가
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff woff

 
다음으로 전송:https://www.cnblogs.com/zzbo/p/3546737.html

좋은 웹페이지 즐겨찾기