Bonsoir à tous
J'aurai voulut savoir si il y avait des adeptes de Cufon sur ce forum ?
J'ai récemment décidé de tester Cufon à l'occasion d'un projet qui utilise beaucoup de typographies différentes. Je me suis donc lancé mais je rencontre plein de petits problèmes assez pénibles..
L'un d'eux par exemple est le fonctionnement du hover avec Cufon, je ne trouve pas ça très pratique, d'autant plus qu'il ne fonctionne pas très bien car des fois l'état hover reste activé sur certains navigateur.
Mais mon principale problème est de faire fonctionner cufon dans un site "monopage".
Je m'explique : j'ai un petit menu, au clic sur un onglet ma div #page1 disparaît et ma div #page2 apparait, il me faut alors changer l'état des onglets (le current, redevient normal et celui sur lequel j'ai cliqué devient le current). D'habitude je gère ça via du jQuery avec addClass / removeClass sauf qu'ici la présence de Cufon m'empêche de faire ça..
Du coup je me suis dit que j'allais changer directement l'état des onglets au clic, voici donc mon bout de code :
Bien évidemment si je poste ici c'est qu'il ne fonctionne pas, j'ai l'impression que cufon défini les typos au chargement de la page et qu'une fois celles-ci définies, il est impossible de les changer (mais leurs attributs si heureusement !).
Donc si quelqu'un peut m'éclairer..
Pour l'instant suite à ce que j'ai pu lire sur le web, je fonctionne par classe avec Cufon :
Je ne sais pas si c'est la meilleure méthode puisqu'au final je me retrouve coincé dans certaines situation..
Merci d'avance
Modifié par ganondorf150 (17 Jan 2013 - 23:24)
J'aurai voulut savoir si il y avait des adeptes de Cufon sur ce forum ?
J'ai récemment décidé de tester Cufon à l'occasion d'un projet qui utilise beaucoup de typographies différentes. Je me suis donc lancé mais je rencontre plein de petits problèmes assez pénibles..
L'un d'eux par exemple est le fonctionnement du hover avec Cufon, je ne trouve pas ça très pratique, d'autant plus qu'il ne fonctionne pas très bien car des fois l'état hover reste activé sur certains navigateur.
Mais mon principale problème est de faire fonctionner cufon dans un site "monopage".
Je m'explique : j'ai un petit menu, au clic sur un onglet ma div #page1 disparaît et ma div #page2 apparait, il me faut alors changer l'état des onglets (le current, redevient normal et celui sur lequel j'ai cliqué devient le current). D'habitude je gère ça via du jQuery avec addClass / removeClass sauf qu'ici la présence de Cufon m'empêche de faire ça..
Du coup je me suis dit que j'allais changer directement l'état des onglets au clic, voici donc mon bout de code :
$('#menu-works a').click(function(){
$('#homepage').fadeOut('slow');
Cufon.replace('#menu-home2 a', { fontFamily: 'billabong', hover: true, color: '-linear-gradient(#ffa508, #ea6203)' });
Cufon.replace('#menu-works a', { fontFamily: 'billabong', color: '#fff', hover: { color: '-linear-gradient(#ffa508, #ea6203)' } });
});Bien évidemment si je poste ici c'est qu'il ne fonctionne pas, j'ai l'impression que cufon défini les typos au chargement de la page et qu'une fois celles-ci définies, il est impossible de les changer (mais leurs attributs si heureusement !).
Donc si quelqu'un peut m'éclairer..
Pour l'instant suite à ce que j'ai pu lire sur le web, je fonctionne par classe avec Cufon :
Cufon.replace('.billabong', { fontFamily: 'billabong', hover: true });
Cufon.replace('.billabong-gradient', { fontFamily: 'billabong', color: '#fff', hover: { color: '-linear-gradient(#ffa508, #ea6203)' } });
Cufon.replace('.garamond', { fontFamily: 'Garamond', letterSpacing: '5px', hover: true });
Cufon.replace('.garamond_bold', { fontFamily: 'Garamond', fontWeight: 'bold', hover: true });Je ne sais pas si c'est la meilleure méthode puisqu'au final je me retrouve coincé dans certaines situation..
Merci d'avance
Modifié par ganondorf150 (17 Jan 2013 - 23:24)
