CSS에서 @font-face 규칙은 사용자 정의 글꼴을 웹페이지로 가져오는 데 사용됩니다. 그러나 가중치가 여러 개인 글꼴을 가져오려면 여러 쿼리가 필요할 수 있습니다. 이 기사에서는 단일 쿼리로 여러 글꼴 두께를 가져올 수 있는 가능성을 살펴봅니다.
8가지 모양과 크기로 제공되는 Klavika 글꼴을 고려해 보세요.
1 2 3 4 5 6 7 8 |
|
목표는 단일 @font-face 쿼리를 사용하여 이러한 글꼴을 CSS로 가져와 쿼리 자체의 가중치를 정의하는 것입니다.
1 2 3 4 5 |
|
이를 달성하려면 특별한 맛 @font-face를 사용할 수 있습니다.
1 2 3 4 5 6 |
|
이 접근 방식은 동일한 글꼴 모음 이름을 사용하여 다양한 스타일과 두께를 다양한 글꼴과 연결합니다.
이제, 글꼴 모음을 지정하거나 기존 설정을 재정의하지 않고도 모든 요소에 대해 글꼴 두께 또는 글꼴 스타일을 지정할 수 있습니다.
1 2 3 4 5 6 7 8 9 10 |
|
이 기술을 사용하면 여러 글꼴을 가져올 수 있습니다 CSS에서 단일 @font-face 쿼리로 가중치를 적용하여 프로세스를 단순화하고 코드 효율성을 높입니다.
위 내용은 단일 @font-face 쿼리로 여러 글꼴 두께를 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!