글꼴 파일을로드하지 않고 웹 페이지에 로컬로 설치된 'Jingnanmai Round'를 사용하는 방법은 무엇입니까?

웹 페이지의 로컬 글꼴을 직접 호출하는 방법

웹 개발에서 때때로 시스템에 설치된 특정 글꼴을 사용해야합니다. 예를 들어, "Jingnan Mai Round"를 설치했으며 추가 글꼴 파일로드없이 웹 페이지에서 직접 적용하기를 희망합니다.

다음 CSS 코드를 시도했을 수도 있지만 웹 페이지에는 여전히 기본 글꼴 (예 : "Microsoft Yahei")이 표시됩니다.

 /*@font-face {
    Font-Family : 'Myfont';
    src : url ( '/style1/font/jingnanmai round body.otf') 형식 ( 'truetype');
}*/
HTML, 바디 {font-size : 18px; font-family : "Jingnan Mai Round Body", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, Sans-Serif;}

src: url(...) 메소드가 서버에서 글꼴 파일을로드하려고하기 때문입니다. 로컬 글꼴을 직접 사용하려면 CSS를 수정해야합니다.

1. @font-face 및 local() 함수 사용 :

 @font-face {
    Font-Family : 'Jingnanmaiyuanti'; /* 영어 글꼴 이름을 사용하는 것이 좋습니다*/
    SRC : 로컬 ( 'Jingnan Mai Round Body');
}

local() 함수는 브라우저에 로컬 설치된 글꼴을 찾도록 지시합니다. 글꼴 이름은 사용하기 쉬운 영어 이름 JingNanMaiYuanTi 로 변경됩니다.

2. font-family 속성을 업데이트하십시오.

CSS에서 font-family 속성을 수정하고 새로 정의 된 글꼴 이름을 사용하십시오.

 html, body {
    글꼴 크기 : 18px;
    Font-Family : 'Jingnanmaiyuanti', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
}

3. 브라우저를 다시 시작하십시오 : 브라우저를 다시 시작하여 시스템 글꼴 업데이트가 브라우저에서 인식되도록합니다.

위의 단계를 통해 웹 페이지는 외부 글꼴 파일을로드하지 않고 "Jingnan Mai Round"글꼴을 올바르게 표시하여 웹 페이지의로드 속도를 향상시킬 수 있어야합니다. 영어 글꼴 이름을 사용하면 잠재적 인 코딩 문제를 피할 수 있습니다.

위 내용은 글꼴 파일을로드하지 않고 웹 페이지에 로컬로 설치된 'Jingnanmai Round'를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!