글꼴이 굉장한 아이콘이 .liquid 파일의 쓰레기로 바뀌고 있습니다.

Question

Shopify에서 글꼴을 멋지게 사용하려고합니다. 적은 파일을 CSS로 컴파일하고 다음 아이콘이 추가됩니다.

.icon-caret-down:before { 
    content: "\f0d7"; 
} 

그런 다음 내 css 파일의 이름을 css.liquid로 변경하고 업로드하십시오. 파이어 폭스에서 아이콘을 보려고하면 쓰레기로 나옵니다. 쓰레기로 변하지 않도록 액체 파일에 무엇을 넣어야합니까?

Answer 1

내 사이트에서 awesome 글꼴을 사용하고 있으며 변경된 부분은 asset_url 필터를 적은 파일에 추가하는 파일의 맨 부분뿐이었습니다. 도움이되는지 확인하십시오. 모양은 다음과 같습니다.

@fontAwesomePath: '../font'; 

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