CSS 자체 폰트 설정.

연습 2016. 10. 21. 00:00

 CSS에서 웹 폰트라고하여, 폰트를 설정하고, 웹에서 폰트를 변경할 수 있게 되어 있다.


 여기서 CSS로 설정하는 방법은 Font-Family라는 것을 이용해서 사용을 할 수 있다.


 문제는 웹 페이지에서 기본적으로 지원해주는 Font-Family가 적용이 안되어 있다는 것이다.


 그래서 웹 서버에서 사용하기 원하는 폰트를 설정하고, 적용할 수 있다.


 링크 : http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp



 예제


 CSS 웹서버 폰트 제작.

 

1
2
3
4
@font-face {
    font-family: YD;
    src: url(fonts/YD320.woff);
}
cs


 이렇게, YD로 윤고딕이나 그런 형태의 글자 형태를 표현할 수 있게 된다.


 폰트 적용은 다음과 같이 할 수 있다.


 CSS 적용.

 

1
2
3
{
    font-family: YD;
}
cs


 이렇게 해서 웹 서버의 자체 폰트를 사용할 수 있게 된다.

Posted by JunkMam
,