글꼴마다 지원하는 굵기가 제 각각입니다. Poppins는 다양한 굵기를 지원하지만, Varela Round는 400 굵기만 지원합니다. 이 책에서는 Poppins 400과 800 굵기를 선택합니다. 굵기 옆에 있는 Select this style을 클릭(①)하면 됩니다. Varela Round도 같은 방식으로 400 굵기를 선택해 주세요. 글꼴 선택이 끝나면 페이지의 우측 상단의 메뉴를 클릭(②)합니다.

그림 6-86 글꼴 상세 페이지

그러면 선택한 글꼴을 사용할 수 있는 방법이 나옵니다. 구글 폰트를 사용하는 방법으로 link 태그와 @import 문이 있습니다. 여기서는 @import 문을 사용하겠습니다.

그림 6-87 글꼴 사용