⚠ 이 글은 2년 이상 지난 이야기에요. 읽으실때 참고!
개발
Infrastructure
Nginx 환경에서 웹폰트 확장자 CORS 이슈
689 views as of April 1, 2019.
새로 웹서버 세팅 후 웹 폰트 파일을 직접 서버에 올리고 url 로 가져다 쓰다보니 일부 폰트 확장자(otf, woff, woff2 등)에 대해 CORS 문제가 발생했습니다. 일반적으로 직접 구글 웹폰트 주소를 통해서 이용하면 이미 구글서버의 경우에는 아래 문제에 대해 CORS 문제가 일어나지 않도록 조치를 취해서 문제가 일어나지 않습니다.
개인 서버에서 세팅하다가 보면 일어나는 문제이긴 하죠.
서버에서 해당 폰트 확장자에 대해 CORS 문제를 일으키는 것인데, 이것은 제공 서버단에 설정을 추가해주면 되는 사항입니다.
나는 Nginx 서버 환경에서 이용중이어서 Nginx 서버 설정파일로 가서 해당 확장자에 대해서 CORS 문제가 발생하지 않도록 설정값을 추가했다.
#sudo vi /etc/nginx/sites-available/default
...
server {
...
# Webfont CORS Issue fix.
location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
...
Copy
조금 응용하면 특정 파일에 대해서 일어나는 CORS 문제에 대해서도 대응이 가능한 코드이긴 합니다.
#개발 #서버 #Nginx #WebFont #CORS
0
개의 댓글
Collection. Infrastructure
01.
413 Request Entity Too Large 문제에 대해
2019
02.
ssh 터미널 접근시 발생하는 문제에 대해
2019
03.
Nginx 404 에러 페이지 리다이렉트
2019
04.
Nginx SSL 적용
2019
05.
파이썬으로 웹사이트 상태 체크하기
2019
06.
Nginx 서브 디렉토리 역방향 프록시 설정
2019
07.
PHP7.2 로 판올림 이후 PhpMyAdmin 이슈
2019
08.
Nginx 환경에서 웹폰트 확장자 CORS 이슈
2019
09.
Nginx 체인 인증서 적용
2019
10.
Nginx 특정 IP 차단 하기
2019
11.
proc_open(): fork failed errors ~ 포크 실패 에러
2020
12.
Ubuntu에서 환경변수 PATH 추가 적용하는 방법
2020
13.
Nginx 캐시 설정법
2020
14.
도커(docker)로 SSL 인증서 발급하는 과정.
2021
15.
Ubuntu 스왑 메모리(Swap Memory) 설정
2023
16.
Ubuntu 디스크 용량 확인하는 몇가지 명령어
2023
17.
도커(docker) 인증서 발급 조회 삭제 명령어
2024
18.
Ubuntu 로그 100개 떼어보기
2024
19.
SSL 인증서 비밀번호 제거 방법
2024
20.
Nginx 서버 로그 기록 설정 및 커스터마이징
2024