Google 웹 글꼴을 CSS 파일로 가져오는 방법은 무엇입니까?

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"를 클릭하세요.

추가 고려 사항

가져올 글꼴이 여러 개인 경우 성능을 향상하려면 단일 @import 지시문으로 결합하세요.

규정 준수를 위해 특정 글꼴을 사용하기 전에 Google의 글꼴 라이센스 계약을 확인하세요.

위 내용은 Google 웹 글꼴을 CSS 파일로 가져오는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!