> 웹 프론트엔드 > CSS 튜토리얼 > ``에 액세스하지 않고 CSS에 Google 웹 글꼴을 어떻게 포함할 수 있습니까?

``에 액세스하지 않고 CSS에 Google 웹 글꼴을 어떻게 포함할 수 있습니까?

Barbara Streisand
풀어 주다: 2024-12-07 06:27:11
원래의
974명이 탐색했습니다.

How Can I Embed Google Web Fonts in CSS Without Accessing the ``?

머리 부분을 수정하지 않고 CSS에 Google 웹 글꼴 삽입

웹 글꼴을 CSS 파일로 직접 가져오는 것은 웹 페이지를 사용자 정의하기 위한 솔루션입니다. 문서 헤드에 직접 접근할 수 없는 CMS. @import 메소드는 이를 달성하는 방법을 제공합니다.

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

여기서 "Open Sans"는 가져온 글꼴이므로 원하는 글꼴로 바꾸세요. 여러 단어로 구성된 글꼴 이름의 경우 위에 설명된 대로 기호를 사용하여 인코딩합니다.

올바른 구현을 보장하려면 다른 규칙보다 먼저 CSS 시작 부분에 @import 문을 배치하세요.

Google Fonts는 필요한 @import 지시문을 생성하는 간단한 방법을 제공합니다. 글꼴을 선택한 후 ( ) 아이콘을 클릭하여 'Embed'로 이동하세요. "글꼴 삽입" 아래에서 "@import" 옵션을 선택하고