그렇다. 뭔가 놓치고 있는 것이 있다고 생각했는데, 잘 기억이 나지 않아서 그냥 무시하고 타이틀 부분에 나눔스퀘어 폰트를 적용했지만, 치명적인 문제점이 있었다. 그것은 바로 한자 표기였다. 나의 경우에는 한자를 많이 쓰는 편이다. 노토 산스 한글 웹폰트를 사용해버리면 중복되어 버리기 때문에 나눔스퀘어 폰트를 사용할 수 없다. 그래서 생각한 것이 바로 노토 산스 중국어 웹폰트를 적용하는 것이다.
한글로는 나눔스퀘어를 적용하고 싶고, 한자 부분만 중국어 웹폰트를 적용하는 것이다. 구글에서 쉽게 제공하고 있기 때문에 임폴트를 통해서 적용해본다.
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
font-family: 'Noto Sans SC', sans-serif;
패밀리 명은 Noto Sans SC를 사용한다. 이렇게 해서 적용을 해봤으나, 안된다. 분명 한자를 앞에 넣고, 그 다음으로 나늠 스퀘어를 인식하는 순서로 적용했는데, 적용이 되지 않는다. 나눔스퀘어가 한자는 읽는데, 한자 지원은 안하는 것이다. 그래서 결국 공존에 실패했다. 마음 편하게 CJK 폰트 쓰면 될 것 같기는 한데, 나눔스퀘어의 미려한 느낌을 포기하기가 아깝다.
※ 혹시라도 방법을 아시는 분은 댓글 남겨주시면 감사하겠습니다.
혼자 끙끙대며 문제해결을 하는 것도 한계가 있고, 이제 나이도 있고 몸도 예전같지 않아서 바보같은 방식으로는 안될 것 같습니다. 나눔스퀘어 폰트를 바꾸거나 해당 부분 문제를 찾아내야하는데, 어디에서 오류가 발생하는 것인지 모르겠습니다.
이후 해결 : 어이없게도 나눔스퀘어 라운드는 한자를 지원하고 있었습니다. (왜, 나눔스퀘어만 한자지원이 안되는지 모르겠습니다.) WOFF 확장자만 지원을 하지만, 사실 WOFF 확장자만 있어도 모든 브라우저에 지원을 하기 때문에 사용하는 것에는 문제가 없습니다. 해당 WOFF 폰트파일은 직접 다운받아 티스토리 서버에 업로드하여 사용하고 있어 속도에 큰 지장은 없을 것 같기는 합니다만, 블로그 로딩속도가 느리다고 생각되면 폰트도 다시 한 번 정리를 할까 생각중입니다.
'Web Design' 카테고리의 다른 글
명함 디자인 제작 기초 가이드라인(기초지식·부서/직급·한글 영문 표기법) (0) | 2020.06.04 |
---|---|
개발자도구 F12 Application(애플리케이션) 이미지 다운로더 (0) | 2020.06.04 |
에디트플러스 (Edit Plus) 설치 및 FTP 연결방법 (0) | 2020.05.19 |
MySQL 그누보드 관리자 계정찾기(아이디/비밀번호) (0) | 2020.05.18 |
나눔스퀘어 폰트 깨짐 현상과 웹폰트 활용방법 (0) | 2020.05.15 |
CSS/HTML 미리보기 편집기 웹사이트 'CSSDESK' (0) | 2020.05.14 |
트와이스 여성팬사이트 'Want' (0) | 2020.03.27 |
유튜브 화면 일러스트(.AI) 소스·Source (0) | 2019.12.04 |