À l'aide de la Police Impressionnant de la bibliothèque dans une boutique Shopify
Je suis en train d'utiliser la Police Génial:
http://fortawesome.github.com/Font-Awesome/
J'ai utilisé les polices d'icônes sur plusieurs Rails de projets avec, aucun problème, mais pour une raison quelconque, quand j'essaie de les utiliser dans une boutique Shopify ils ne reçoivent pas rendus.
Je suis en utilisant un autre @font-face sans difficultés, mais pour certaines raisons, cette @font-face n'est pas rendu.
Dans les actifs/j'ai:
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
Et je les charge avec @font-face tout comme je le fais avec une autre police face qui fonctionne très bien.
dans ma feuille de style.css qui vit dans les actifs/
@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;
}
Mais lorsque j'essaie d'utiliser les icônes elles ne semblent pas à la charge. Aucune idée de pourquoi cela ne fonctionne pas sur Shopify? J'ai l'impression que je suis absent quelque chose de petit, mais je ne peux pas le comprendre.
OriginalL'auteur dylanjha | 2012-06-30
Vous devez vous connecter pour publier un commentaire.
Vous souhaitez utiliser les actifs liquides helper URL dans votre CSS. Plus de docs sur l'actif URL helper peut être trouvé ici http://wiki.shopify.com/Asset_url
Oui, renommez votre .les css .css.liquides, et l'utilisation de l'actif URL helper comme Jean l'a mentionné.
OriginalL'auteur John Duff
La solution la plus simple est de joindre ce fichier à en-tête du thème.liquide
Pas de téléchargement supplémentaire. Pas d'installation. Pas de soucis. Fait.
Merci MaxCDN 🙂
OriginalL'auteur gabchan