타이포그래피는 웹사이트의 전체적인 모습에서 중요한 역할을 합니다. 톤을 설정하고 브랜드 아이덴티티를 만들 수 있습니다. Google Fonts는 웹사이트에 맞춤 서체를 추가할 수 있는 훌륭한 리소스입니다. 여기서는 Google 글꼴을 사용하여 웹 사이트에 괜찮은 글꼴을 쉽게 추가하는 방법에 대해 알아보겠습니다.
1단계: 글꼴 선택
Google Fonts에는 선택할 수 있는 1000개 이상의 무료 및 오픈 소스 글꼴이 있습니다. serif, sans-serif, handwriting 등과 같은 다양한 범주를 탐색할 수 있습니다. 원하는 글꼴을 찾았으면 "이 글꼴 선택" 버튼을 클릭합니다.
2단계: 글꼴 사용자 지정
글꼴을 선택한 후 기본 설정에 따라 사용자 지정할 수 있습니다. 글꼴 두께, 스타일 및 문자 집합을 선택할 수 있습니다. 사용자 정의가 완료되면 "삽입" 버튼을 클릭하십시오.
3단계: 임베드 코드 복사
임베드 탭에서 웹사이트에 추가해야 하는 임베드 코드를 찾을 수 있습니다. 임베드 코드를 복사하여 HTML 문서의 <head> 섹션에 붙여넣으십시오.
4단계: 텍스트에 글꼴 적용
이제 웹사이트에 글꼴을 추가했으므로 텍스트에 적용할 수 있습니다. CSS font-family 속성을 사용하여 이를 수행할 수 있습니다. 예를 들어 "Open Sans" 글꼴을 선택한 경우 CSS 파일에 다음 코드를 추가할 수 있습니다.
body {
font-family: 'Open Sans', sans-serif;
}Google Fonts는 웹사이트에 맞춤 서체를 추가할 수 있는 쉽고 무료인 방법입니다. 위의 단계를 따르면 예쁘고 독특한 글꼴을 웹 사이트에 추가하고 눈에 띄게 만들 수 있습니다. 따라서 계속해서 Google 글꼴의 세계를 탐색하여 웹사이트의 시각적 매력을 향상시키십시오.
'방구석코딩' 카테고리의 다른 글
| 일반적인 HTML, CSS 오류 검사, 디버깅 (0) | 2023.04.01 |
|---|---|
| HTML과 CSS를 이용한 FORM(양식) 만드는 법 (0) | 2023.03.28 |
| 반응형 웹사이트 디자인하기 (0) | 2023.03.26 |
| HTML과 CSS 코드 구성 정리방법 (0) | 2023.03.24 |
| CSS 기본 셀렉터와 속성 (0) | 2023.03.19 |
댓글