Question

我遇到一些问题，CSSTidy破坏了我的字体表面声明，但不确定问题是什么。最初我在压缩服务器端，但也尝试通过online utility运行它来测试。它们都具有相同的输出，只包括第一个声明。

我还应该说原始CSS（输入）工作正常，只是试图压缩它。

INPUT：

@font-face {
    font-family: 'FuturaBT-Light';
    src: url('26A674_0_0.eot');
    src: url('26A674_0_0.eot?#iefix') format('embedded-opentype'),
        url('26A674_0_0.woff') format('woff'),
        url('26A674_0_0.ttf') format('truetype');
    }
@font-face {
    font-family: 'FuturaBT-Book';
    src: url('26A674_1_0.eot');
    src: url('26A674_1_0.eot?#iefix') format('embedded-opentype'),
        url('26A674_1_0.woff') format('woff'),
        url('26A674_1_0.ttf') format('truetype');
    }
@font-face {
    font-family: 'FuturaBT-Medium';
    src: url('26A674_2_0.eot');
    src: url('26A674_2_0.eot?#iefix') format('embedded-opentype'),
        url('26A674_2_0.woff') format('woff'),
        url('26A674_2_0.ttf') format('truetype');
    }
@font-face {
    font-family: 'FuturaBT-Bold';
    src: url('26A674_3_0.eot');
    src: url('26A674_3_0.eot?#iefix') format('embedded-opentype'),
        url('26A674_3_0.woff') format('woff'),
        url('26A674_3_0.ttf') format('truetype');
    }

输出：

@font-face
{
    font-family:FuturaBT-Bold;
    src:url(26A674_3_0.eot?#iefix) format(embedded-opentype), url(26A674_3_0.woff) format(woff), url(26A674_3_0.ttf) format(truetype);
}

Answer 1

看起来CSSTidy正在使用CSS level 2.1规范，它不包含src属性。我建议使用其他压缩工具，例如clean-css node module，或者使用在线压缩工具试用https://csscompressor.net/

CSSTidy打破了font-face

1 个答案: