Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
Google Fonts는 다양한 무료 글꼴을 제공하여 웹사이트나 프로젝트에서 사용할 수 있는 훌륭한 도구입니다. Google Fonts를 사용하는 방법은 다음과 같습니다:
Google Fonts 웹사이트에 접속하기:
먼저 Google Fonts 웹사이트에 접속합니다.
1. 글꼴 선택:
원하는 글꼴을 검색하거나 찾아보세요. 원하는 글꼴을 클릭하면 글꼴 정보 페이지로 이동합니다.
2. 글꼴 선택 및 스타일 조정:
글꼴 페이지에서 사용하려는 스타일(일반, 굵게, 기울임 등)을 선택합니다. 여러 스타일을 선택할 수도 있습니다.
3. 글꼴 임포트 코드 얻기:
오른쪽 상단에 있는 "선택한 글꼴" 패널에서 "임포트" 버튼을 클릭합니다. 그럼 아래와 같은 코드를 얻을 수 있습니다.
4. html 태그를 복사합니다.
<link rel="stylesheet" href=" https://fonts.googleapis.com/css2?family=Font+Name ">
이 코드를 웹사이트의 <head> 태그 내에 삽입합니다. 여기서 'Font+Name'은 선택한 글꼴의 이름으로 대체되어야 합니다.
5. 글꼴 CSS 적용하기:
글꼴을 원하는 텍스트에 적용하려면 해당 텍스트 스타일에 CSS 속성을 추가합니다. 예를 들어, 다음과 같이 CSS를 사용할 수 있습니다.
body {
font-family: 'Font Name', sans-serif;
}
위 예제에서 'Font Name'은 선택한 글꼴의 이름으로 대체해야 합니다.
6. 웹사이트에 적용:
수정한 CSS와 HTML을 웹사이트에 업로드하거나 웹 개발 플랫폼에 적용하면 선택한 글꼴이 웹사이트에 적용됩니다.
Google Fonts를 통해 다양한 무료 글꼴을 사용하여 웹사이트나 프로젝트를 풍부하고 독특하게 디자인할 수 있습니다. 이러한 글꼴은 대부분 웹 브라우저에서 지원되므로 크로스 플랫폼 호환성을 유지할 수 있습니다.