태그 Archives: 깨짐

google-Noto-Sans CJK

Adobe 와 구글이 합작하여 만든 폰트 이다.

CJK는 중국 일본 한국의 약자이며, 본고딕 이라고 불리기도 하며 과거 에는 Droid 라는 이름을 쓰기도 하였다.

기본적으로는 otf (Open Type Font) 와 ttf (True Type font) 으로 제공 되고 있다.

ttc (True Type Collection) 으로 (묶음) 으로 배포 되기도 한다.

 

공식 다운로드 사이트에서는 otf 파일의 다운로드를 제공한다.

 

linux 에서는 otf 파일 폰트를 사용이 가능하지만 사용하는 프로그램에 따라 otf 를 사용하지 못하는 경우도 있다.

때문에 특정 프로그램 (mikehaertl/phpwkhtmltopdf) 에서 woff 혹은 otf 폰트를 사용시 정상작동하지 않는 경우 서버에 ttf 파일을 설치해야 할 수 있다.

 

CentOS 7 에서는 아래의 명령어로 설치가 가능하다.

font 파일은 기본적으로 /usr/share/fonts/google-noto 폴더 아래에 생성이 되기 때문에 폴더에서 바로 확인을 해볼 수 있다.


centos 버전이 틀리거나 다른 리눅스에서는 다음과 같이 noto-sans를 배포중인 깃허브 에서 다운받아 수동 설치를 진행할 수도 있다.

 

설치가 된 내용을 아래 명령어로 확인할 수 있다.

음 수동 설치한 파일은 2020-12-06 에 업데이트 된 v2.002 버전 파일이다 보니 HK 추가 되었다 ‘ㅅ’a

 

아파치에 Access-Control-Allow-Origin 관련 설정하기.

워드프레스 테마들은 font-awesome의 아이콘을 많이 이용 한다. http://fontawesome.io/icons

폰트가 로딩이 안될경우 아래 그림처럼 아이콘이 깨져 보이게 된다 @_@a

20160825_PicPick_154639

 

그리고 또 다른 상황으로는 하나의 워드프레스에 여러 도메인을 연결해서 쓸때 crossorigin 관련 보안 문제 때문에
폰트나 css 로딩이 되지 않아 깨져보일수도 있다.

때문에 이를 허용해 header 에 이를 허용해주는 값을 삽입해야 한다.
일반적인 경우는 프로그래밍으로 해결 할 수 있지만 js 안에서 외부 폰트파일을 불러오도록 되어 있을경우 순수 서버설정의 헤더가 들어가기 때문에 주로 폰트쪽만 문제가 발생할 수 있다.

20160825_PicPick_154449

 

이경우 .htaccess 혹은 아파치 내에서 설정을 해야 해결 할 수 있겠다. ‘ㅅ’a
아래는 Access-Control-Allow-Origin를 파일에 따라 모두 허용해 줄수 있도록 설정하는 부분이다.

적용 후 아파치를 재시작 하고 접속 확인을 해본다 ‘ㅅ’a

출처 : 스택오버플로우