이것을 style.css에 추가하면 작동합니다 :
* { font-family: "Courier New", Courier, monospace; } 아마도 Courier New가 널리 사용되고 지원되기 때문일 것입니다. 그러나 내 사용자 정의 글꼴에서 이것을 사용하면 “작동하지 않습니다.
@font-face { font-family: "new-baskerville"; font-style: normal; src: url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: local("new-baskerville"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot") format("embedded-opentype"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } 또는 @font-face를
도 작동하지 않습니다. 파일이 경로에 있습니다. 그 이유를 알고 있습니까?
댓글
- 스타일 시트와 같이 절대 URL로 작업하거나 상대 URL을 올바르게 가져와야합니다. WP 설치의 문서 루트에 ' 아닙니다. CSS 질문은 일반적으로 WordPress 개발 에서 주제를 벗어납니다. 도움말 센터 사이트 가이드 라인에 익숙해집니다.
답변
이 도움말 에는 @font-face 및 호환성 문제와 관련하여 매우 유용한 정보가 있습니다. 만일을 대비해 …
다음은 @ font-face 섹션 :
- src 항목 중 하나에 “local”이 나열됩니다. 삭제 해보세요.
- 파일에 대한 명시 적 주소 지정을 사용해보세요.
- 글꼴 파일을 실제로 열 수 있는지 확인하세요. 그렇지 않으면 404 오류가 발생하지 않습니다.
- 2 개의 src 항목 (IE 용 하나, 최신 브라우저 용 하나)을 사용하여 파일을 나열 해보세요.
- 글꼴 파일이 Safari 및 모바일 브라우저 용 TTF 파일을 제공하는지 확인하세요.
`
@font-face { font-family: "newBaskerville"; src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot?#iefix") format("embedded-opentype"), url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } 마지막으로 위의 Courier 예제에서와 같이 대체 스타일로 본문에 글꼴을 적용합니다.
body{ font-family: "newBaskerville", Courier, monospace; } 참고 : 동일한 이름을 사용해야합니다. 이름을 정의 할 때했던 것처럼 이름을 적용 할 때. 필자의 경우 “newBaskerville”은 공백 및 / 또는 구두점 문제를 방지합니다.
설명
- 글꼴 파일을 열거 나 다운로드 할 수없는 경우 브라우저의 주소 표시 줄을 통해 ' 동일한 문제에 대해 다른 질문 스레드에서 제안한대로 서버가 적절한 MIME 유형으로 구성되었는지 확인해야합니다.
- 감사합니다.
@font-face만으로는 글꼴을 변경할 수없고body를 지정해야하는 이유를 알고 있습니까? 굵게 또는 기울임 꼴과 같은 다른 글꼴 변형 파일은 어떻습니까? 또한 header.php에 직접 삽입 된 텍스트에이 설정을 사용하도록 지시하는 방법이 있습니까? 글을 편집 할 때 글꼴을 사용하는 방법을 알고 계십니까?