Dans ce tuto CSS, vous découvrirez comment utiliser facilement n'importe quelle police de caractères dans vos pages web, et ceci sur tous les derniers navigateurs du moment... et même sur Internet Explorer 6 !

Les objectifs pédagogiques de ce tuto CSS :

  • Générer des fichiers polices pour le web
  • Insérer et utiliser les polices dans vos feuilles de styles (css)

Jetez un oeil à ces autres tuto CSS

Apprenez les bases du CSS pour intégrer votre site webApprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…

Changer l'apparence d'une image au passage de la sourisChanger l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…

Initiez vous à toutes les positions CSSInitiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…

Découper et intégrer une page d'accueil de site internetDécouper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…

Découper et intégrer une page d'accueil de site internetDécouper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…

Créez et intégrez un menu en HTML/CSS avec une seule imageCréez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…

Un menu complet à partir d'une seule imageUn menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…

Styliser un formulaire avec CSS3 et validation en JqueryStyliser un formulaire avec…
 Dans ce tuto CSS et Jquery, nous verrons comment styliser…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS de 13 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

mr32 , Formateur

Développeur dans une agence de communication bien connue sur le web, et entouré de graphistes avec une imagination démesurée... j'essaye de concilier au mieux technique et graphisme dans les développements web et iPhone...

En savoir plus sur mr32


Témoignage des clients de mr32

Toujours de très bon tutos !

Un excellent pédagogue, de très bons thèmes de tutos : formateur à suivre !

Super Tuto ! Très bien expliqué, les exemples aussi sont très bien !

 

D'autres tuto de mr32

Créez facilement une loupe en Javascript avec Mootools !Créez facilement une loupe en Javascript avec Mootools !
Dans ce tuto Javascript, vous découvrirez comment créer sans grande connaissance une…

Les expressions régulières expliquées simplement (Regex)Les expressions régulières expliquées simplement (Regex)
Dans ce tuto PHP,vous découvrirez les bases des expressions régulières (regex), ou…

Ajouter des flocons de neige sur votre siteAjouter des flocons de neige sur votre site
Dans ce tuto Javascript, vous découvrirez comment scripter rapidement et facilement…

Recréer un bouton J’aime façon Facebook avec jQueryRecréer un bouton J’aime façon Facebook avec jQuery
Dans ce tuto jQuery, vous découvrirez comment recréer un lien « J’aime » à la…

voir tous les tuto de mr32

Notes attribuées par les utilisateurs (14 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (12)

par Lyver2à voté :
(a acheté ce tuto - 12 décembre 2011)

" Super ! "

par Godartà voté :
(a acheté ce tuto - 04 novembre 2011)

" la séparation entre les éléments venant sur la feuille de style etceux sur la page html n'est pas clairement indiquée. Dommage mais 4 sur 5 néanmoins "

par mr32
(auteur de ce tuto - 22 mars 2011)

" A noter pour Internet Explorer 9.0 :
Pour une compatibilité optimale, pensez à utiliser aussi le fichier WOFF inclu dans l'archive ;-) "

par twigaà voté :
(a acheté ce tuto - 29 janvier 2011)

" super ! "

par devilpens
(a acheté ce tuto - 20 janvier 2011)

" Merci pour ce très bon tutoriel .. J'en cherchais un depuis un moment, et je l'ai enfin ! Merci à toi, et bonne suite pour tes prochaines vidéos. "

par mr32
(auteur de ce tuto - 05 janvier 2011)

" Les fichiers fonts se trouvent dans le système, ou vous pouvez en télécharger d'autres sur des sites gratuits ou payants... ( comme http://www.dafont.com ) "

par loysbog
(a acheté ce tuto - 05 janvier 2011)

" Pas mal mais comment se fournir la police de base afin de transformer les fichiers !?
Ce n'est pas expliquait dedans.
A moins d'avoir ratai quelque chose ?
Merci "

par xxxxfred
(a acheté ce tuto - 04 janvier 2011)

" Simple, clair, precis...tout ce qu'on aime, la classe!
Un grand merci ! "

par noob4everà voté :
(a acheté ce tuto - 03 janvier 2011)

" Pas mal du tout, je recherchai il y a déjà quelque temps le "système" pour le changement de police et voilà ce tuto qui tombe un peu trop tard pour moi mais qui m'aurait été bien utile il y a quelques temps. je le garde sous le coude et merci pour l'info :) "

par mr32
(auteur de ce tuto - 22 décembre 2010)

" Les autres fichiers peuvent améliorer la compatibilité, notamment le SVG pour certains navigateurs iOS... WOFF est un fichier qui devrait être un standard dans l'avenir (uniquement compatible Firefox 3.6 pour le moment...). Un exemple d'utilisation est disponible dans le package.

Toutefois, j'ai délibérément abandonné ces fichiers car la méthode donnée dans le tuto est plus légère et fonctionne parfaitement avec tous les derniers navigateurs du moment avec des fichiers fonts éprouvés. "

par Kijer
(a acheté ce tuto - 21 décembre 2010)

" Merci pour ce petit tutoriel mais que faire des autres formats générés ? par exemple le .svg ?

Merci "

par manekià voté :
(a acheté ce tuto - 21 décembre 2010)

" Merci pour ce tuto CSS parfait pour enrichir le design d'un site Web SEO Friendly. "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto CSS d’une durée de 13 minutes a été acheté 263 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 20 décembre 2010 par mr32, contributeur, ayant reçu une note moyenne de 4,6/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Astuces.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !