Google 웹 글꼴을 CSS 파일로 가져오면 웹사이트의 미학을 향상시킬 수 있습니다. 그러나
특정 CMS 환경에서는 섹션이 제한적으로 보일 수 있습니다. 그럼에도 불구하고 이러한 글꼴을 CSS 파일에 원활하게 통합할 수 있는 솔루션이 있습니다.@import 지시문은 Google 웹 글꼴을 가져오는 데 효과적인 방법임이 입증되었습니다. 예를 들어 "Open Sans" 글꼴을 CSS 파일에 포함하려면 다음 구문을 사용하세요.
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');"Open Sans"를 원하는 글꼴 이름으로 바꿔야 합니다. 글꼴 이름이 여러 단어로 구성된 경우 위의 예와 같이 각 단어를 더하기 기호( )로 인코딩합니다.
@import 지시문을 시작 부분에 배치합니다. 규칙을 구현하기 전에 CSS 파일을 삭제하세요. Google Fonts는 @import 지시어를 생성하는 자동화된 방법을 제공합니다. 글꼴을 선택하고 ( ) 아이콘을 클릭한 다음 "선택한 제품군 1개" 컨테이너를 확장하세요.
"사용자 정의" 탭으로 이동하여 옵션을 세분화한 다음 "삽입" 탭으로 전환하세요. "글꼴 포함"에서 "@import"를 선택합니다.