HTML/CSS 웹 폰트 사용하기

기존에는 설치되어 있는 글꼴만 사용할 수 있었기 때문에 아래와 같이 굴림체가 없을 경우 궁서체를 사용하고 궁서체도 없으면 Arial체를 사용하라는 방식으로 글자체를 선언했습니다. font-family: "굴림", "궁서", "Arial"; 하지만! CSS3를 사용하면 더 이상 글꼴을 선택 할 때 사용자의 컴퓨터에 설치되어 있는 것만 사용하지 않아도 됩니다. CSS의 웹 폰트는 사용하고 싶은 글꼴을 선언해 주고 해당 글꼴 파일의 경로를 지정해 주면 자동으로 다운로드 받아 브라우저가 출력해 줍니다. 이러한 방법을 사용하려면 @font-face 속성을 이용해서 글꼴의 종류와 글꼴의 파일 경로를 설정해 줍니다. @font-face { font-family: 글꼴이름; src: url('글꼴파일URL경로1'), url('글꼴파일URL경로2') ...; } font-family에 신규 글꼴 이름을 지정하면 해당 이름이 등록됩니다. 나중에 해당 이름을 스타일에 적용하면 그 글꼴로 표시됩니다. s...

원문링크 : HTML/CSS 웹 폰트 사용하기