폰트 다운로드 받아서 연결 하는방법

속성 :
CSS
@font-face {
    font-family: <a-remote-font-name>
    src: <source> [, <source>]*;
    [font-weight: <weight>];
    [font-style: <style>];
}
  • <a-remote-font-name> : font 속성에서 폰트명(font face)으로 지정될 이름
  • <source> : 원격 폰트(remote font) 파일의 위치를 나타내는 URL 값을 지정하거나, 사용자 컴퓨터에 설치된 폰트명을 local("Font Name")형식으로 지정
  • <weight> : 폰트의 굵기(font weight) 값.
  • <style> : 폰트 스타일(font style) 값.



실사용 예 :
@charset "utf-8";
@font-face{
    font-family:'NanumGothic';
    src:url('/Inc/font/NanumGothic.eot');
    src:local(※), url('/Inc/font/NanumGothic.woff') format(‘woff’);
}
Previous
Next Post »