인프런 커뮤니티 질문&답변

 안녕하세요?

보시는 것 처럼,  react(프론트)/nodejs(서버) 로 간단한 앱을 만들고 heroku에 배포했더니 

Refused to load the font '<URL>' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

Refused to load the font 'https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

이런 오류 메세지가 계속 뜹니다.

많은 구글 결과 아래와 같이 메타태그를 넣어줘도 동일한 에러가 발생합니다.

<meta http-equiv="Content-Security-Policy" content="default-src 'self' ; style-src 'self' 'unsafe-inline' https://fonts.gstatic.com/* data:; font-src 'self' data:; ">

정말 몇일 동안 ...이것만 붙들고 있는데도 해결이 안되네요 ㅠㅠ 아시는 분 부탁드립니다.