Google 글꼴과 같은 CSS 파일 생성

Question

잠시 동안 내 웹 사이트에서 웹 글꼴을 사용하고 있습니다. (내 웹 사이트에서 WordPress를 사용하고 있습니다.)

더 나은 압축 때문에 WOFF2를 사용하는 데 상당히 관심이 있습니다. 현재, 일본어 텍스트 용으로 Google 글꼴을 통해 노토 산 일본어를 사용하고 있습니다.

그러나 일본 문자 모양이 작은 크기 (16px)에서 훨씬 더보기 때문에 M+ C Type-2 글꼴을 선호합니다. 글꼴 힌팅을 추가하고 위의 글꼴을 WOFF2 및 WOFF로 성공적으로 변환했습니다.

그런 다음 Google 글꼴 API serves a different CSS file for each browser을 확인합니다.

Google 드라이브에 원하는 글꼴을 업로드하고 있습니다. 그런 동적 CSS를 통해 글꼴을 제공하고 싶습니다. 어떻게해야합니까?

Answer 1

서버 측 코드가 필요하지만 Google 드라이브를 사용할 때 각 브라우저에서 올바른 글꼴 확장을 사용하도록 글꼴 확장을 추가 할 수 있습니다.

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/fontawesome-webfont.woff') format('woff'), 
     url('/fonts/fontawesome-webfont.ttf') format('truetype'), 
     url('/fonts/fontawesome-webfont.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

FontSquirrel 글꼴 생성기를 사용하면 매우 인기가 있습니다.