CSS 파일에서 Google 웹 글꼴 가져오기
문서 헤드에 대한 액세스가 제한된 콘텐츠 관리 시스템(CMS)으로 작업할 때 가져오기 Google 웹 글꼴을 CSS 파일에 직접 추가해야 합니다. 이를 달성하는 방법은 다음과 같습니다.
@import 메서드 사용
@import 메서드를 사용하면 외부 CSS 파일을 CSS 파일로 가져올 수 있습니다. Google 웹 글꼴을 가져오려면 다음 구문을 사용하세요.
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');"Open Sans"를 원하는 글꼴 이름으로 바꾸세요. 글꼴 이름에 여러 단어가 있는 경우 각 단어 사이에 " " 기호를 추가하여 URL로 인코딩합니다.
@import 지시어 배치
@import가 지시어는 CSS 파일의 스타일 규칙 앞부분에 배치됩니다.
Google 사용 Fonts API
Google Fonts는 글꼴에 대한 @import 지시어를 생성하는 쉬운 방법을 제공합니다. 원하는 글꼴을 선택하고 ( ) 아이콘을 클릭한 다음 "선택한 제품군 1개" 컨테이너를 확장합니다.
"사용자 정의" 탭에서 원하는 옵션을 선택합니다. "포함" 탭에서 "글꼴 포함" 아래의 "@import"를 클릭하세요.