HTML Access 없이 Google 웹 글꼴을 내 CSS로 어떻게 가져올 수 있나요?

HTML 액세스 없이 CSS 파일에서 Google 웹 글꼴 가져오기

HTML 문서에 대한 액세스가 제한된 CMS로 작업할 때 Google 웹 글꼴을 가져오는 것이 어려울 수 있습니다. 그러나 이를 달성할 수 있는 CSS 내 메소드가 있습니다:

@import 메소드:

다음과 같이 @import 지시문을 사용하십시오:

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

"Open Sans"를 원하는 글꼴 이름으로 바꾸세요. 각 단어 사이에 " " 기호를 추가하여 글꼴 이름의 모든 공백을 URL로 인코딩합니다.

추가 고려 사항:

• @import 지시어를 규칙보다 먼저 CSS 파일의 시작 부분에 삽입하세요.
• 여러 글꼴이 있는 글꼴에는 URL 인코딩을 사용하세요.
• Google Fonts에서 글꼴을 사용할 수 있는지 확인하세요.

Google Fonts 사용자 정의:

Google Fonts는 글꼴을 생성하는 자동화된 옵션을 제공합니다. @import 지시어:

• 원하는 것을 선택하세요 글꼴.
• 글꼴 이름 옆에 있는 " " 아이콘을 클릭합니다.
• "선택한 제품군 1개" 컨테이너를 확장합니다.
• "사용자 정의" 탭에서 사용자 정의 옵션을 선택합니다.
• '삽입' 탭으로 전환하고 '@import'를 클릭하세요.
• 복사