1. '스킨편집하기' 로 이동
2. 'html 편집' 으로 이동
3. 서체 파일 등록
'파일 업로드' 탭으로 이동 > '+추가' 버튼을 눌러 폰트 파일 추가 > '적용'
4. CSS에서 웹 폰트 로드하기
CSS 탭 > 아래 코드를 복사 > 첫 번째 줄 바로 아래 붙여넣기
@font-face{
font-family: 'RixGothic';
font-style: regular;
font-weight:normal;
src: url('./images/RixM.woff'); }
빨간색으로 강조된 부분을 커스텀한다.
font-family : '영문폰트이름';
src: url('./imgaes/영문파일이름.woff');
5. 원하는 부분에 폰트 적용하기
30번 째 줄 즈음에 있는 'body' 태그의 'font-family'에 새롭게 변경할 서체명을 적어준다.
font-family: 'RixGothic', sans-serif;
웹폰트 이름 뒤에 적어주는 산세리프(Sans-serif)는 획의 삐침이 없는 글씨체를 뜻하며, 한글의 돋움체(고딕체)에 해당된다. 획의 삐침이 있는 글씨체(예로들면 명조체)에 해당하는 글꼴은 serif 라고 적어주면 된다.
body 태그에 적어도 서체 변경이 안되는 부분들은 'Ctrl+F' 를 눌러 'font-family' 를 검색하여 기존의 이름을 모두 바꿔주어야 한다.
6. 잘 적용됐나 확인하기
'새로고침' > 'Ctrl+Shift+C' > 변경한 부분에 커서를 댄다 > 속성값에서 Font 이름이 잘 변경되었는지 확인한다