본문 바로가기

웹폰트

웹폰트 적용하기 사이트 제작 시 @font-face를 이용하여 유저의 PC에 폰트가 없어도 웹사이트에서 원하는 폰트로 화면을 보여드리는데요! 오늘은 웹폰트 적용법에 대해서 자세히 알아보도록 하겠습니다. 제가 아는 방법은 "구글 나눔고딕 폰트 적용하기"와 "서버에 폰트를 업로드하여 불러오기" 이 두가지 입니다. 먼저 "구글 나눔고딕 폰트 적용하기" 먼저 설명해 드리도록 하겠습니다. @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 구글 나눔고딕 폰트 적용하기는 매우 간편합니다. 바로 위의 소스를 스타일 시트에 넣어주시기만하면 끝!!! 워드프레스에 구글 나눔고딕 폰트를 적용하실때도 설치한 테마의 css폴더 내 style.css를 열어서 위의 소스..
[폰트] tiff,eot,woff 변환하기 ttf 파일을 웹폰트로 적용하기 위해서는 eot, woff 파일 과정을 꼭 거쳐야 합니다. 그럼 ttf 파일을 eot, woff 로 간단하게 변환하는 방법을 설명해 드리도록 하겠습니다. 첫 번째, ttf 폰트를 eot로 변환하기 http://eotfast.com 사이트에 접속하면 위와 같은 화면이 나오는데, free dounlode 버튼을 클릭해서 파일을 다운로드합니다. 압축을 풀면 위와 같이 파일들을 볼 수 있는데요. 별도의 설치나 실행 없이 ttf 파일을 EOTFAST-1.exe 에 끌어다 올려놓으면 자동변환이 됩니다. 두 번째, ttf 폰트를 woff로 변환하기 http://people.mozilla.org/~jkew/woff 사이트에 접속하면 위와 같은 화면이 나오는데, 윈도우 사용자는 for W..