Aide générale Où sont les images en 4.1?
Reprise du message précédent
HummmC'est très spécial quand même ! J'ai fabriqué une icône, importé, mais rien ne se passe. D'autres part, j'ai essayé de remplacer le quote (F10E) par une autre icône pour test (E602), mais elle ne charge pas. J'ai juste un carré avec indiqué (e602) à la place de l'icône sur le forum !
Ligne : .fa-quote-right:before{content:"e600"} Edité par m-ickael Le 21/04/2014 à 12h41
Bon, je pense avoir compris ..
Chaque site de police doit-être enregistré dans les "fonts" comme une police normale .. Sans ça, les icônes d'un site ne peut pas apparaitre avec leur propre code (eb002 par exemple).
ça s'annonce bien compliqué tout de même .. J'ai aussi réussi à viré un bout de font sur le forum (rien d'exceptionnel, suffit se rendre dans le .tpl en question, et de remplacer le <i>xxxxx/class=wwww</i> par <img ...> ainsi de suite .. mais dans ce cas, on sort de la nouvelle technologie des CSS ..
Reste à savoir comment on rentre la police d'un site comme "font awesome"
Chaque site de police doit-être enregistré dans les "fonts" comme une police normale .. Sans ça, les icônes d'un site ne peut pas apparaitre avec leur propre code (eb002 par exemple).
ça s'annonce bien compliqué tout de même .. J'ai aussi réussi à viré un bout de font sur le forum (rien d'exceptionnel, suffit se rendre dans le .tpl en question, et de remplacer le <i>xxxxx/class=wwww</i> par <img ...> ainsi de suite .. mais dans ce cas, on sort de la nouvelle technologie des CSS ..
Reste à savoir comment on rentre la police d'un site comme "font awesome"
Bonjour,
m-ickael:
NON, il faut juste relier la font perso a son site via 4/5 lignes CSS (pour être compatibles tous navigateurs).
Ensuite faut savoir que le poids de toute tes images c'est 2 à 6 fois le poids d'une police d'image et c'est 3 à 10 fois plus de requêtes HTTP pour les afficher donc un temps de chargement plus élevé (qui n'est pas forcément perceptible par le visiteur, mais peu l'être).
Font-Awesome n'est qu'un projet parmi tant d'autres, il en existe d'autres qui sont Open Source y en a d'autres qui sont payants aussi ou alors y a les sites qui ont fait leur propres police d'images.
Dans le lien du tuto que j'ai donnée tout est expliqué, mis à part la police qui doit être crée via des sites ou via des logiciels, tout le reste est uniquement du CSS3
Cordialement, janus57 Edité par janus57 Le 21/04/2014 à 15h23
m-ickael:
Chaque site de police doit-être enregistré dans les "fonts" comme une police normale .. Sans ça, les icônes d'un site ne peut pas apparaitre avec leur propre code (eb002 par exemple).
NON, il faut juste relier la font perso a son site via 4/5 lignes CSS (pour être compatibles tous navigateurs).
Ensuite faut savoir que le poids de toute tes images c'est 2 à 6 fois le poids d'une police d'image et c'est 3 à 10 fois plus de requêtes HTTP pour les afficher donc un temps de chargement plus élevé (qui n'est pas forcément perceptible par le visiteur, mais peu l'être).
Font-Awesome n'est qu'un projet parmi tant d'autres, il en existe d'autres qui sont Open Source y en a d'autres qui sont payants aussi ou alors y a les sites qui ont fait leur propres police d'images.
Dans le lien du tuto que j'ai donnée tout est expliqué, mis à part la police qui doit être crée via des sites ou via des logiciels, tout le reste est uniquement du CSS3
Cordialement, janus57 Edité par janus57 Le 21/04/2014 à 15h23
J'ai vu le site .. Mais bon, n'étant pas un expert, j'ai compris 60/70% des choses.
Je sais créer les polices, j'ai les .svg .woff .ttf et compagnie, mais comment obtenir le code pour rajouter dans le css? Une image = x fonts à rajouter dans le dossier "fonts" dans le "kernel"?
Bref, rien est clair ..
Je sais créer les polices, j'ai les .svg .woff .ttf et compagnie, mais comment obtenir le code pour rajouter dans le css? Une image = x fonts à rajouter dans le dossier "fonts" dans le "kernel"?
Bref, rien est clair ..
Bonjour,
c'est du code CSS de base @font-face tout simplement, encore une fois au risque de paraitre chiant, tout ceci a été dit dans le tuto donnée quelques messages avant (pour plus d'explication dans le tuto il y a plusieurs liens externes en français/anglais).
Enfin ton code donné ici : http://easy-design.net/forum/topic-3063-2+ou-sont-les-images-en-4-1.php#m34472
ne fonctionne pas surement car la font n'a pas été déclaré dans le CSS tout simplement.
Je ferais un exemple dans les prochains jours.
Cordialement, janus57
c'est du code CSS de base @font-face tout simplement, encore une fois au risque de paraitre chiant, tout ceci a été dit dans le tuto donnée quelques messages avant (pour plus d'explication dans le tuto il y a plusieurs liens externes en français/anglais).
Enfin ton code donné ici : http://easy-design.net/forum/topic-3063-2+ou-sont-les-images-en-4-1.php#m34472
ne fonctionne pas surement car la font n'a pas été déclaré dans le CSS tout simplement.
Je ferais un exemple dans les prochains jours.
Cordialement, janus57
Oui je sais qu'il n'est pas déclaré .. C'est ça que je ne sais pas faire ..
Si on veut changer 40 icônes, va falloir déclarer 40 fonts dans un nouveau css pour ne pas perturber font-assewone.css
Si on veut changer 40 icônes, va falloir déclarer 40 fonts dans un nouveau css pour ne pas perturber font-assewone.css
m-ickael:
Bonjour,
pas du tout !
Si ta nouvelle police contient les 40 icônes tu as juste 4/5 lignes de CSS, tu ne va pas créer 1 police pour une seule icône (complètement débile).
Donc suffit juste de déclarer la nouvelle police avec @font-face et voilà on peu utiliser le code des icônes.
De plus il ne faut pas toucher à font-awesome.css (aucun intérêt a toucher ce fichier), et pour finir non tu ne va pas perturber font-awesome, loin de là, ce n'est pas comme du JS qui peu entrer en conflit, là comme il est dit depuis le début c'est uniquement du CSS pour la déclaration des icônes et voilà pourquoi cette nouvelle technique est très apprécié car du coupe cela passe à 100% au niveau des mobiles/tablettes avec très peu d'adaptation de code.
Cordialement, janus57
Si on veut changer 40 icônes, va falloir déclarer 40 fonts dans un nouveau css pour ne pas perturber font-assewone.css
Bonjour,
pas du tout !
Si ta nouvelle police contient les 40 icônes tu as juste 4/5 lignes de CSS, tu ne va pas créer 1 police pour une seule icône (complètement débile).
Donc suffit juste de déclarer la nouvelle police avec @font-face et voilà on peu utiliser le code des icônes.
De plus il ne faut pas toucher à font-awesome.css (aucun intérêt a toucher ce fichier), et pour finir non tu ne va pas perturber font-awesome, loin de là, ce n'est pas comme du JS qui peu entrer en conflit, là comme il est dit depuis le début c'est uniquement du CSS pour la déclaration des icônes et voilà pourquoi cette nouvelle technique est très apprécié car du coupe cela passe à 100% au niveau des mobiles/tablettes avec très peu d'adaptation de code.
Cordialement, janus57
J'ai du mal à suivre, même si je comprends le système, sans pouvoir l'appliquer ..
Faudra réaliser un tuto détaillé en écrit ou vidéo pour bien savoir ce qu'il faut faire sur son serveur et ses fichiers.
Faudra réaliser un tuto détaillé en écrit ou vidéo pour bien savoir ce qu'il faut faire sur son serveur et ses fichiers.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie