@ font-face를 사용할 수 없습니다. 내 WordPress 사이트에서 지원합니다.

Question

/* 
@font - face { 
    font - family: 'MVFaseyha'; 
    src: url('http://www.mvyouth.mv/live/wp-content/themes/mvyouth_2013/stylesheets/fonts/MVFaseyha.otf') format('truetype'); 
    font - weight: normal; 
    font - style: normal; 
} */ 

이것은 글꼴을 포함하는 데 사용하는 코드입니다. 나는 유니 코드 문자를 포함하는 Dhivehi 언어 (몰디브) 글꼴을 사용하고 있습니다 *. 나는 CSS에 대해 많이 모른다.

Answer 1

나는 src 경로에 문제가 있다고 생각한다. 글꼴 폴더의 위치에 따라 다르지만 @ font-face 문이 CSS 파일의 스타일 시트에도있는 경우 src: url(../fonts/MVFaseyha.otf')과 같아야합니다.

Answer 2

FF (및 다른 브라우저)는 다른 도메인의 글꼴 파일을로드하지 못하게합니다.

은 자세한 내용은이 답변을 참조하십시오 : CSS @font-face absolute URL from external domain: fonts not loading in firefox

당신은 항상 당신이 필요로하는 글꼴 파일을 다운로드하고 로컬로로드 할 수 있습니다. 폰트 페이스 콜에서 URL을 누르면 다운로드해야합니다.

Answer 3

아이콘 글꼴과 관련된 전체 자습서이지만 동일한 기본 접근법 : http://gomakethings.com/icon-fonts/