일반 폰트(otf)를 웹폰트(WOFF, WOFF2)로 변환하기..

온라인 OTF->WOFF2 컨버터가 많긴 한데 이것저것 써보니 제대로 변환되는걸 찾질 못해서 프로그램상으로 변환하는걸 찾다가 위 컨버터를 찾게 되었습니다.

WOFF 컨버터 다운로드

일본 회사에서 만든거라 일본어만 지원되는게 아쉽긴 하지만 그림판 이용해서 번역을 해 놓았으니 참고 하시면 될듯 싶습니다. (번역은 구글 번역기가 했습니다. 오역이 있을지도 몰라요)

사용법은 간단해서 딱히 뭐 없고 그냥 “변환전파일” 항목 지정하고 하단에 변환시작 버튼을 누르면 해당폴더에 woff랑 woff2 폰트 파일이 생성됩니다.

@charset "UTF-8";
/* -------------------------------------------------------------------------------------------------------- */
/* Google Noto Sans KR Subset */
@font-face {
    font-family: 'LinsooNotoSansKR';
    src:url(/fonts/noto-sans-kr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/noto-sans-kr/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/noto-sans-kr/NotoSansKR-Regular.otf) format('opentype');
}

웹사이트에 업로드 하고 css에 위와 같이 적당히 추가해주면 끝.


Comments

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다