네이버 나눔스퀘어 폰트 설치

폰트 다운로드:http://hangeul.naver.com/2016/nanum

적용방법 참조:http://www.leunkim.com/others/word-press-tips/nanum_square_font/

순서

  1. ttf폰트를 웹용인 woff로 변환. https://andrewsun.com/tools/woffer-woff-font-converter/

  2. css/fonts 디렉토리 생성후 폰트 업로드

  3. css/base/local-base.css 에 다음 코드 입력

@font-face {
  font-family: 'NanumSquareR';
  font-style: normal;
  font-weight: 400;
  src: url('../NanumSquareR.eot?#iefix) format('embedded-opentype'), url('../NanumSquareR.woff) format('woff'),, url('../NanumSquareR.ttf) format('truetype');
}

동일 파일 또는 css injector를 이용해서 다음 코드 삽입

h1, h2, h3, h4, h5 {
    font-family: 'NanumSquareR', sans-serif;
}

(for headings)
or

p {
    font-family: 'Hanna', sans-serif;
}

results matching ""

    No results matching ""