> 웹 프론트엔드 > CSS 튜토리얼 > 내 사용자 정의 글꼴이 CSS에서 올바르게 표시되지 않는 이유는 무엇입니까?

내 사용자 정의 글꼴이 CSS에서 올바르게 표시되지 않는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-04 15:23:01
원래의
851명이 탐색했습니다.

Why is my custom font not displaying correctly in CSS?

CSS에서 글꼴 가져오기 마스터하기

사용자 정의 글꼴을 CSS로 가져오면 글꼴이 그렇지 않은 경우에도 웹사이트에 고유한 타이포그래피를 추가할 수 있습니다. 클라이언트의 컴퓨터에서 사용할 수 있습니다. 그러나 글꼴 구현이 예상대로 작동하지 않는 것을 발견한 경우 세부 사항을 자세히 살펴보겠습니다.

문제 해결

귀하가 제공한 CSS 코드가 나타납니다. src 속성에 키 오류가 있습니다. 올바른 구문은 다음과 같습니다.

src: url(EntezareZohoor2.eot), url(EntezareZohoor2.ttf) format('truetype'), url(EntezareZohoor2.svg) format('svg');
로그인 후 복사

이 코드는 글꼴 파일의 경로와 해당 파일 유형을 지정하여 다양한 브라우저에서 글꼴을 올바르게 표시할 수 있도록 합니다.

글꼴

@font-face 정의가 수정되면 원하는 요소에 대한 CSS 규칙에서 글꼴 모음을 지정하여 가져온 글꼴을 사용할 수 있습니다. 예:

#newfont {
    font-family: 'EntezareZohoor2';
}
로그인 후 복사

이렇게 하면 #newfont ID가 있는 요소에 'EntezareZohoor2' 글꼴이 적용됩니다.

위 내용은 내 사용자 정의 글꼴이 CSS에서 올바르게 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿