1. 다운로드 받은 폰트의 파일 형식을 웹용으로 전환한다.
2. 다운로드 받은 폰트의 font-family 이름을 만들어 준다.
1. transfonter.org/ 사이트에 접속한다. ( 여기 말고도 구글에 font transfer 검색하면 다른 사이트도 많이 나온다. )
2. Add Fonts 버튼을 누르고, 나의 컴퓨터 안에 있는 폰트 파일을 추가 한다.
3. Convert 버튼을 누르면 하단에 converting을 진행하게 된다.
4. 그러고 나면 아래 그림처럼, Download 버튼이 생기고, 버튼을 누르면 된다.
5. 다운로드 폴더로 이동해 zip파일의 압축을 푼다.
6. 폴더 안에 웹용 폰트인 woff 파일이 만들어 졌고, demo 문서를 열어 보면, 아래 그림처럼 font-family : 'Gamja Flower';라고 이름이 나오고, css 예시가 보인다.
7. stylesheet.css를 열어보면 @font-face{ } 규칙이 정리 되어 있다. converting 된 폰트를 다른 폴더에 저장한다면,
url 경로만 수정해두고 사용하면 된다.
'COA Lab's Coding Tips' 카테고리의 다른 글
참고할만한 오픈API 종류 (0) | 2021.03.17 |
---|---|
카카오 지도API 연결하기 (0) | 2021.03.10 |
[edit plus] 화면 확대축소, 인코딩, .bak생성 (0) | 2021.01.18 |
Mozilla 개발자 블로그 (0) | 2020.08.25 |
git, git Hub -0. 정의 (0) | 2020.03.10 |