Skip to content

Web typography

Web typography refers to the use of fonts on the World Wide Web.

Performance Tunning

CSS:@font-face#Performance Tunning 항목 참조.

웹 폰트에 관한 법적 문제들

웹 서체를 사용하려면 법적인 문제도 해결해야 합니다. 소프트웨어와 마찬가지로 다양한 개인과 법인 사업자가 서페를 만들어 판매하고 있으며 웹 서버에 TrueType 서체를 올려서 방문자가 페이지를 볼 때 이용할 수 있도록 할 때에는 누구라도 해당 서체를 다운받아 자기 웹 사이트나 워드 프로세싱 프로그램에서 활용할 수 있음을 기억해야 합니다.

대부분의 폰트 제조업체들은 웹에서 사용을 금지하는 라이센스 정책을 취하고 있기 때문에 Adobe로부터 구매한 서체라 하더라도 아무런 조치 없이 웹에서 사용할 수는 없습니다. 그러려면 다른 종류의 라이센스를 다른 가격에 구매해야 합니다.

컴퓨터에 설치되는 프로그램에 사용하는 것은 혀용되지만, 해당 폰트를 웹 서버에 올려 웹 폰트로 사용하는 것은 허용되지 않을 수도 있습니다.

웹에서 사용하는 것이 허용되는지 모르겠다면, 사용을 포기하고 웹에서 쓸 수 있는 서체를 찾아보는 것이 좋습니다.

서체에 관한 법적 문제를 피하려면 Google Fonts 같은 서체 서비스나 TypeKit 같은 Adobe의 상업적 웹 폰트 서비스를 이용하는 것이 좋습니다.

Inline SVG

웹에서 SVG 를 직접 인라인 하는 방법. (v-icon과 관련됨)

SVG's can be used inline in the HTML. 

<svg style="width:24px;height:24px" viewBox="0 0 24 24">
  <path fill="#000000" d="M ... Z" /> <!-- account -->
</svg>

Inline SVGs can also be overlayed by adding additional paths. 

<svg style="width:24px;height:24px" viewBox="0 0 24 24">
  <path fill="#000000" d="M ... Z" /> <!-- account -->
  <path fill="#990000" d="M ... Z" /> <!-- block-helper -->
</svg>

See also

Favorite site