WordPress : utiliser des webfonts Google

Google web fontsLors de la modification du thème d’un blog WordPress, une solution pour une personnalisation des polices est d’utiliser les webfonts Google.
C’est la solution que j’ai choisi lors de la « création » du blog de ma soeur :
http://www.nathalie-rouanet-herlt.com

J’ai choisi, au départ, le nouveau thème Twenty Eleven (version sombre),
fourni avec WordPress 3.2,
et j’ai commencé à modifier le CSS et les bannières aléatoires de base.
Mais les polices de bases ne convenaient pas : trop petites et trop carrées.
De plus, ma soeur voulait afficher une citation aléatoire sur la page d’accueil
en écriture manuscrite.

citation manuscrite

Au départ, je pensais utiliser des images mais pour ajouter dans les menus,
cela se compliquait.
Lire la suite

Vous aimez cet article ? Partagez-le !

CSS3 : cacher une image dans HTML

Le CSS dans sa version 3 (CSS3) permet des choses bizarres comme celle-ci.
(pour l’instant le CSS3 ne fonctionne qu’avec Firefox ou Safari, pour les autres navigateurs : circulez, il n’y a rien à voir !)

Dans ce texte, une image est cachée 😉
mais,  pour la voir, il faut sélectionner tout le texte.

UNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFE
MONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLO
CNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEU
NCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEM
ONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOC
NOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUN
CAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMO
NBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCN
OTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNC
AFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMON
BLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNO
TEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCA
FEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONB
LOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOT
EUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAF
EMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBL
OCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTE
UNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFE
MONBLOCNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLO
CNOTEUNCAFEMONBLOCNOTEUNCAFEMONBLOCNOTEU

 

source, cliquez ci-dessous :
comment ça marche ? (via PapyGeek )

edit : ça fonctionne également avec Opera 10 et Chrome 4 Beta (rappel : l’article date du 20/12/2009 )

Quelques articles traitant de CSS3 :
Expliquez-moi… Ce qu’apportera CSS3
HTML 5 + CSS 3 = une révolution pour les interfaces web
Transformations en CSS3
Ombre portée CSS3
Ce que nous réserve CSS3 en 2010

 

Vous aimez cet article ? Partagez-le !