Serenity

1. 폰트 구하기

파일형식: ttf, otf, svg 이 셋 중 하나

저는 메이플스토리 서체를 이용하였습니다.

2. 폰트 변환하기

Online Font Converter

위의 링크에서 프로그램 설치 없이 웹 상에서 변환할 수 있습니다.

- Step 1. 원하는 폰트를 선택하여 업로드

- Step 2. 변환할 파일형식(eot, svg, ttf, woff)과 Include HTML/CSS template을 선택

- Step 3. Convert your font

3. MaplestoryLight.zip>fonts에 있는 파일 네 개 업로드(블로그 관리>꾸미기>스킨 편집>html 편집>파일업로드)

4. CSS에 다음 코드 추가

@font-face {
  font-family: MaplestoryLight;
  src: url('./images/MaplestoryLight.eot');
  src: url('./images/MaplestoryLight.eot?#iefix') format('embedded-opentype'),
         url('./images/MaplestoryLight.woff') format('woff'),
         url('./images/MaplestoryLight.ttf') format('truetype'),
         url('./images/MaplestoryLight.svg') format('svg');
}

5. CSS에 다음 코드 수정

body { font-family: MaplestoryLight, serif; }