위키 문법 실험실

wikidot에 font 적용하는 법

1. 쓰고자 하는 글꼴 파일(대부분 ttf형식임)을 woff나 woff2 형식으로 전환한다. 여기 참조

2. woff 형식으로 변환한 글꼴 파일을 base64로 전환한다(이것도 "base64 font"라거나 "base64 encode"라고만 쳐도 바로 나온다)

3. http://scp-ko-15c.wikidot.com/local--files/component:theme/DC_XK15.css 이걸 다운로드 받는다. 파일 이름은 꼴리시는대로 바꾸시고 그걸 워드패드로 연다.

4.

src: url(data:application/x-font-woff;charset=utf-8;base64,블라블라 뭐라뭐라 지랄해놓은 부분) format('woff');

방금 base64로 변환한 폰트 파일을 워드패드라든지 메모장이라든지로 열어서 소스를 복사, '블라블라 뭐라뭐라 지랄해놓은 부분'에 붙여 넣는다.

5.

font-family: 'Daicing Xiaokai';

요 부분에서 Daicing Xiaokai를 방금 넣은 폰트의 이름으로 바꾼다. (영어로 하셔야 좋아요. 한글로 하면 에러먹을수도)

6. 폰트를 적용하고자 하는 페이지에 업로드하고 이렇게 쓴다.

[[module css]]
@import url('방금 업로드한 css 파일 링크');

.원하시는_div_이름 {
    font-family: "5에서 정한 폰트 이름";
}
[[/module]]

그리고 폰트를 적용하고자 하시는 곳 내용에 이렇게 적용한다.

[[div class="위에서_정한_원하시는_div_이름"]]
폰트 적용할 내용
[[/div]]

7. end.


테이블 테스트

제목 칸 0.0 제목 칸 0.1 제목 칸 0.2
칸 1.0 칸 1.2
칸 2.0 칸 2.1 칸 2.2
칸 3.1 칸 3.2
따로 명시하지 않는 한에서 이 사이트의 모든 콘텐츠는 다음의 라이선스를 따릅니다: Creative Commons Attribution-ShareAlike 3.0 License