font-face로 CSS를 축소하는 방법

Question

font-face가있는 스타일 시트가 있습니다. 온라인 서비스를 사용하여 CSS를 축소하면 글꼴이 작동하지 않습니다. 내가 취한 접근 방식은 글꼴 - 얼굴 코드를 추출하고 나머지 CSS를 축소 한 다음 글꼴 시트를 축소 된 스타일 시트의 맨 위에 고정하는 것입니다. 누군가가 더 나은 접근 방식을 가지고 있다면 궁금합니다. http://snipt.org/zfAj5

내 코드 작게를이 서비스를 사용 : 여기

내 코드의 http://www.minifycss.com/css-compressor/

Answer 1

을 만약 당신이 CSS를 작게를 할 수없는 CSS를 축소하세요 그것을 버리고 더 나은 얻을하는 데 사용하는 도구 수단. 내 CSS를 작게를 위해 구글 크롬 페이지 속도 플러그인을 사용하여 발견했습니다

YUI Compressor is a good minification tool for both CSS and JavaScript

Answer 2

이 같은 문제를 방지 할 수 있습니다. 다른 일부 프로그램처럼 CSS를 극도로 축소하지는 않지만 브라우저 렌더링 문제로 인해 절대로 실행되지 않습니다.

나는 현재이 방법을 사용하여 축소 된 그들 @ 글꼴 얼굴을 가진 몇 가지 스타일이 있습니다

1. 다운로드 당신은 이미이없는 경우, 구글 크롬을 설치합니다.
2. Page Speed ​​추가 기능을 설치하십시오.
3. Google 크롬에서는 개발자 도구를 실행하고 '페이지 속도'탭을 클릭하십시오. 그런 다음 "분석"을 클릭하십시오. 전체 점수와 점수를 향상시키기 위해 할 수있는 일의 목록이 주어집니다.
4. 목록에있는 항목 중 하나는 "CSS 축소"입니다. 클릭하십시오. "이 페이지에 대한 제안"에서 "최적화 된 콘텐츠보기"링크를 클릭하십시오. Google에서 제공하는 CSS의 축소 버전을 얻으려면이 단계를 따르십시오.

출처 : http://gomakethings.com/how-to-trick-out-the-performance-of-your-wordpress-site/

Answer 3

minifybeautify.com이 일을해야한다 ... 그것은 즉각적이고 간단하다!