Members Online: 0

Guests Online: 2

 

Une de nos réalisations



Cufon

PDF Imprimer Envoyer
Blog | Techniques | Jack | Mardi, 22 Juin 2010 19:44

Integration Web est très fort en ce qui attrait respecter l'allure d'un design, notre dernière article dans la catégorie "standards" concernais les WebFonts, mais si vous avez de l'expérience à propos de ce sujet vous savez comme nous que ceci ne s'applique pas pour plusieurs font agréable à utiliser dans les designs.

Integration Web vous propose alors une technique très efficace et simple à appliquer qui s'appel "cufon".

 

 

Cette technique consiste à créer des canvas pour la font que vous désirez utiliser lors de l'integration de votre site web. 
Il vous faut uniquement ce petit fichier "JavaScript" compressé. Ensuite il faut que vous convertissiez vos "Fonts" par ce générateur de fonts pour le web par shoqolate.

Il ne vous reste plus qu'à inclure vos "JavaScript" dans le "head" de votre fichier XHTML comme ceci:

 

 auto !important; "><script src="/cufon-yui.js" type="text/javascript"></script>
<script src="/Vegur_300.font.js" type="text/javascript"></script>

 

Dans cette exemple nous avons généré la font Vegur.

L'étape suivante est de définir quel est le tag, class ou id qu'il doit remplacer la font pour la bonne comme ce qui suit:

<script type="text/javascript">
	Cufon.replace('h1');
</script>

 

Et le tour est joué. Tous vos "tags" H1 seront en Vegur comme désiré.
N'est-ce pas merveilleux?

Petit conseil, n'appliquer pas le "cufon" sur des éléments actif, tels que des menu avec des selecteur ":hover", le cufon est processé à l'ouverture du site web et une fois appliqué il ne se ré-applique pas par évènement donc vous perdrez les effets :hover souhaitez.

D'autres techniques suivrons dans les prochains jours! Laissez nous vos commentaires et question concernant de l'integration web il nous fera plaisir d'y répondre.

Mise à jour le Jeudi, 07 Octobre 2010 22:43

Sondages

Comment trouvez-vous nos intégration de site web ?

Liens Suggéré

WorldWebVision
W3Schools
W3C
 
Integration web © 2010 | Tous droits réservés.