1.관리자 페이지로 들어갑니다.
2.매뉴의 스킨을 클릭 해서
3. 태그 글라우드 옆에 있는 직접 올리기를 클릭하면
4.파일을 업로드 할수 있는 페이지가 나옵니다.
그럼 폰트 파일(eot화일)을 업로드한 후에
5. 상위에 있는 HTML/CSS편집 에서
6. style.css부분에
폰트지정
이런식으로 상단에
@font-face{font-family:폰트이름; src:url(images/파일명)}
@font-face{font-family:폰트이름; src:url(images/파일명)}
를 넣어 줍니다
간단히 설명을 드리면 "'파일명' 폰트는 '폰트이름' 으로 불러쓴다." 입니다.
css에 쓸 폰트를 지정하는 font-family라는 속성이 있는데 위에
@font-face{font-family:폰트이름; src:url(images/파일명)}
@font-face{font-family:폰트이름; src:url(images/파일명)}
을 적어 넣음으로써
font-family:폰트이름 으로 웹폰트를 사용할수 있게 된 것이지요.
위의 과정을 마치셧다면 이제 스킨의 css에서 고치고 싶은 부분의 font-family를 고쳐주시면
되는 겁니다. 폰트만 바꾸고 싶다면 font-family만 바꿔주셔도 상관이 없습니다만,
사이즈, 라인하이트 (줄 간격) 도 함께 바꾸고 싶으신 분은
font:폰트 사이즈/라인하이트 폰트명;
(ex: font: 13px / 15px 우리바탕 ; )
이런 식으로 쓰시면 됩니다, 마지막에 붙는 ';' 는 경우에 따라 생략해도 됩니다만
그냥 붙이는게 편합니다,
위의 설명이 너무 어렵다 하시는 분은
이거 그대로 쓰면 이 홈피처럼 일부분을 제외한 대부분이 웹폰트가 됩니다.
[물론 경우에 따라 파일명과 폰트명은 바꿔야 합니다.
ex) 우리돋움을 사용하시려면 우리 돋움으로 ..]
body {
font:12px/1.5 우리돋움;
background-color: #ddd;
color : #000;
}
글자가 흐린게 싫으신 분은 body 안에 color:#666을 color:#000 으로
주의:웹폰트는 허용된 url에만 적용 가능합니다.
웹폰트를 www.뭐여.com으로 신청하면 같은 홈페이지임에도 www.뭐여!.com 에는
적용이 안된다는 말이지요,
티스토리의 url 편집에서 url을 바꾸시면 웹폰이 적용되지 않으므로 주의하세요.
url 을 여러가지 쓰신다면 웹폰트를 여러개에 가능하도록 만들어 달라고 하시면 됩니다.
이올린에 북마크하기
