Le blog de Guillaume Bizet

Le blog de Guillaume BIZET : Blogging, iPhone, Webdesign, XHTML, CSS, Web2.0, Dotclear et Dotclear2, ...

Aller au contenu | Aller au menu | Aller à la recherche

CSS Type : testez le rendu de votre police de caractère

CSS Type : logo

CSS Type est un outil très pratique qui vous permet de tester le rendu de votre police de caractères avec différentes configurations.

  1. Tout d'abord vous pouvez soit écrire un texte de test, soit choisir parmi les 5 textes enregistrés sur le site. C'est sur ce texte que seront appliqué les changements effectués par la suite
  2. Choix de la police : 11 polices différentes
  3. Choix de la taille de la police
  4. Choix de la "décoration" du texte
  5. Choix de l'espacement des mots
  6. Choix de la hauteur de ligne
  7. Choix de l'espacement des lettres
  8. Choix de l'alignement du texte
  9. Choix de la couleur du texte
  10. Choix de la couleur du background
  11. Choix de la taille de bloc
  12. Choix de la taille du padding de ce bloc
  13. Choix pour le retrait de texte en début de paragraphe
  14. Choix du texte à afficher dans les boutons

Enfin, une fois que vous avez fait tous ces réglages, vous pouvez générer une feuille de style qu'il vous suffira alors de copier coller pour avoir le rendu souhaité sur vos pages

Ce système est surtout pratique pour ceux qui débutent avec les css

Screenshots :
CSS Type : screenshot CSS Type : test

Cliquez pour voir en grand

Guillaume BIZET

Auteur: Guillaume BIZET

Restez au courant de l'actualité et abonnez-vous au Flux RSS du blog ou du Flux RSS de cette catégorie

Bouctoubou Bouctoubou ·  22 novembre 2007, 09:52

Merci, je ne connaissais pas, c'est plutôt pas mal!
Un peu dans le même genre : http://typetester.maratz.com

Guillaume Guillaume ·  22 novembre 2007, 10:19

Oui effectivement j'en ai parlé dans ce post : http://www.guillaumebizet.fr/post/200... ;)

aucune annexe



À Voir Également

Prpriétés CSS texte et police

La propriété CSS de texte à la loupe

J'ai découvert hier cette fiche récapitulative de toutes les valeurs et options pour les propriétés ...

Lire la suite

Menu pointillé

[CSS] Enlever les pointillés des liens

Dans l'optimisation d'un site web ou d'un blog, il faut parfois penser aux petits détails qui font ...

Lire la suite