html

구글 폰트를 웹 폰트로 사용하는 방법

Swoon 2024. 3. 14. 00:55
반응형

구글 폰트를 웹 폰트로 사용하는 방법에 대해 알아보겠습니다. 구글 폰트는 웹사이트에서 사용이 가능한 무료 오픈소스 웹 폰트 라이브러리입니다. 다양한 폰트를 제공하며, 웹 디자이너 및 개발자가 웹 페이지에서 원하는 폰트를 사용할 수 있도록 지원합니다.

구글 폰트의 장점으로는 무료로 사용할 수 있으며 상업적으로도 이용이 가능합니다. 모든 폰트는 오픈소스 라이선스로 제공되므로 원하는 대로 수정하고 배포할 수 있고, 다양한 언어와 스타일을 지원하는 1,000개 이상의 서체를 제공합니다. 사용하는 방법도 어렵지 않아서 웹사이트에 쉽게 추가할 수 있으며, 코드를 복사하여 붙여넣기만 하면 됩니다.

 

구글 폰트에서 원하는 폰트를 클릭해줍니다. Noto Sans Korean 폰트를 선택하겠습니다.

 

Noto Sans Korean을 선택해 페이지로 들어간 뒤, 우측에 있는 Get font 버튼을 클릭해줍니다.

 

Get font 버튼을 클릭하면 위 이미지에 보이는 페이지로 이동하게 되는데 코드와 다운로드 중 원하는 방식을 선택해 사용하면 됩니다.

 

Get embed code 버튼을 클릭하면 웹, 플러터, 안드로이드, iOS에서 사용할 수 있는 코드를 복사할 수 있습니다. 웹에서 <link>와 @import 두 가지 방식 중에 요구 사항에 맞는 방법을 선택해 코드를 복사해 붙여넣으면 됩니다.

 

Download all 버튼을 누르면 다운로드 성공 페이지로 이동하며, 다운로드가 완료되고 경로에 맞게 해당 폰트를 이동시키면 됩니다.

반응형