내가 최고 글꼴을 사용하려고 해요

http://fortawesome.github.com/Font-Awesome/

내가 문제없이하지만 시도 어떤 이유로 여러 레일 프로젝트에 이러한 글꼴 아이콘을 사용했습니다 Shopify Store에서 렌더링을 사용하지 마십시오.

다른 @ font-face를 사용하고 있어도 아무런 문제가 없지만이 @ font-face는 렌더링되지 않습니다.

fontawesome-webfont.eot 
fontawesome-webfont.svg 
fontawesome-webfont.ttf 
fontawesome-webfont.woff

을 그리고 난 내가 잘 작동 다른 글꼴 얼굴과는 것처럼 @ 글꼴 얼굴로로드 : 자산에서

/I가있다. 자산에 살고있는 내 stylesheet.css에서 /

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

을하지만이 아이콘을 사용하려고하면 그들은로드 할 수없는 것. 이것이 Shopify에서 작동하지 않는 이유는 무엇입니까? 나는 작은 것을 놓치고있는 것처럼 느낀다. 그러나 나는 그것을 이해할 수 없다.

출처

2012-06-30 dylanjha

CSS에서 액체의 asset_url을 사용해야합니다. 그게 당신을 위해 작동하지 않는다면 파일은 모두 'Shopified'입니다 : https://github.com/nairdairda/Shopify-Font-Awesome –

CSS에 유동 자산 URL 도우미를 사용하려고합니다. 자산 URL 도우미에 대한 자세한 문서는 가장 간단한 해결책은 theme.liquid

<!-- Font-Awesome ================================================== --> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

없음 추가 업로드의 헤더이를 부착 여기 http://wiki.shopify.com/Asset_url

출처

2012-06-30 19:39:17

저는 유동 자산없이 일하는 @ font-face를 사용하고 있습니다. url. 내 .css 파일은 assets 디렉토리에 있고 .eot, .svg, .ttf, .woff 글꼴은 자산에도 있습니다. 자산 URL 도우미를 사용하면 내 .css 파일을 .css.liquid 파일로 만듭니다. – dylanjha

예, .css의 이름을 .css.liquid로 변경하고 John이 언급 한대로 자산 URL 도우미를 사용하십시오. –

찾을 수 있습니다. 설치가 필요 없습니다. 다툼없이. 끝난.

감사합니다. MaxCDN :

출처

2015-02-17 09:19:19 gabchan

나를 위해 가장 쉬운! 고마워 친구, – DoPeT

내가 최고 글꼴을 사용하려고 해요

답변

관련 문제