헤드에 직접 액세스하지 않고 Google 웹 글꼴을 내 CSS 파일로 어떻게 가져올 수 있나요?

CSS 파일에서 Google 웹 글꼴 가져오기

헤드 문서 조작 없이 CSS 파일 액세스만 허용하는 CMS 플랫폼 내에서 작업하는 경우 Google 웹 글꼴 가져오기 웹 글꼴은 문제를 일으킬 수 있습니다. 다행히 @import 메소드를 통한 해결책이 있습니다.

@import 메소드 사용:

원하는 글꼴을 가져오려면 CSS 내에서 @import 규칙을 활용하면 됩니다. 파일. 예를 들면 다음과 같습니다.

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

"Open Sans"를 원하는 글꼴 이름으로 바꾸는 것을 잊지 마세요. 여러 단어가 포함된 URL에는 URL 인코딩이 필요합니다("Open Sans"와 같은 단어 사이에 " " 추가).

규칙 앞, CSS 맨 처음에 @import를 배치하세요.

Google Fonts는 @import 지시문을 생성하는 자동화된 프로세스를 제공합니다. 글꼴을 선택하고 ( ) 아이콘을 클릭한 후 왼쪽 하단의 "1 Family Selected" 컨테이너를 확장합니다. "사용자 정의" 탭에서 옵션을 조정한 다음 "삽입"으로 전환하고 "@가져오기"를 클릭하세요. 스타일 태그 사이에 있는 CSS를 스타일시트에 복사하세요.

위 내용은 헤드에 직접 액세스하지 않고 Google 웹 글꼴을 내 CSS 파일로 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!