웹폰트 로딩을 위해 Base64 변환 후 원래 글꼴 모양을 어떻게 보존할 수 있습니까?

Base64로 변환 시 원본 글꼴 모양 유지

글꼴 로딩을 연기하면 웹사이트 성능을 향상시킬 수 있습니다. 한 가지 중요한 단계는 글꼴을 base64로 변환하고 이를 CSS 파일에 통합하는 것입니다. 그러나 글꼴을 base64로 변환하면 모양이 변경될 수 있습니다.

base64 변환 후 글꼴의 원래 모양을 유지하려면 다음 단계를 확인하세요.

1. Font Squirrel 설정 최적화 :
   Font Squirrel Webfont Generator를 사용하는 경우 아래에서 "기존 유지"를 선택하세요. 전문가 설정의 "트루타입 힌팅" 옵션.
2. 원본 GWF 파일 사용:
   Google 웹 글꼴(GWF)에서 직접 렌더링된 글꼴에 만족한다면 원본을 다운로드하세요. 파일과 base64로 직접 인코딩합니다. OS X 또는 Linux에서는 base64 명령을 사용합니다.

$ base64 -i myfont.ttf -o fontbase64.txt

Windows의 경우 base64 인코딩 도구를 사용합니다. base64 문자열을 CSS에 복사하세요.

@font-face {
    font-family: 'myfont';
    src: url(data:font/truetype;charset=utf-8;base64,<<copied base64 string>>) format('truetype');
    font-weight: normal;
    font-style: normal;
}

글꼴 데이터와 일치하도록 @font-face 정보를 조정하세요. 이러한 방법을 따르면 지연된 글꼴 로딩을 위해 base64 인코딩을 구현하면서 글꼴의 원래 모양을 유지할 수 있습니다.

위 내용은 웹폰트 로딩을 위해 Base64 변환 후 원래 글꼴 모양을 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!