NB : Ce billet est patiellement périmé depuis le passage à Dotclear 2.
Je découvre les feuilles de style CSS pour modifier un petit peu l’apparence de ce blog (la version précédente était un peu bâclée). Je ne m’aventure pas bien loin encore, jouer avec les fontes polices[1] gaspille déjà suffisamment de mon précieux temps.
Pour le texte, un grand classique comme Times New Roman suffit. J’ignore si une telle police à empattements (serif), se lit plus aisément qu’une sans empattement, comme sur papier. Moi ça me va.
J’aime bien les polices cursives pleines de pleins et déliés pour les titres (c’est mon côté médiéval). Celle que je préfère est Edwardian Script ITC (disponible ici par exemple, ou dans Office version Mac).
Mais éventuellement je peux me rabattre sur Zapfino qui semble faire partie des polices d’un Mac de base.
(Oui, je sais, je devrais me contenter des quatre ou cinq polices communes à l’ensemble du monde informatique. Mais Verdana et Times New Roman, je trouve ça un peu limité.)
Portabilité
Mais là frappe la différence entre les mondes Mac (mon poste principal personnel) et Windows (l’essentiel de mon lectorat, l’inertie informatique étant ce qu’elle est) : ni Edwardian Script ITC ni Zapfino n’existent dans un environnement Windows classique (Windows + Office[2]).
Et impossible de tomber sur une fonte cursive correcte sous Windows, même avec Office. Monotype Corsiva est quelconque ; autant prendre une simple Garamond.
Donc vous être en train de décrypter ceci en Georgia avec les titres de gauche en Edwardian Script ITC ou Zapfino si vous surfez depuis un Mac, et depuis un Windows ce sera du simplissime Times New Roman/Garamond. Sur les autres systèmes, cela dépendra des fontes installées (les polices de Bitstream sont courantes sous Linux).
Pour corser le tout, choisir des tailles qui contentent tout le monde n’est pas facile.
Résolution
Mes tâtonnements divers, entre mon Mac et le portable sous Windows que me prête généreusement mon employeur, révélèrent une autre différence que je connaissais intellectuellement, dans un coin de mon cortex, mais sans l'avoir jamais constatée : la résolution d’un Mac diffère de celle du PC de base ! Les détails sont ici, il faudra que je potasse à l’avenir.
Le résultat est que les titres rendent relativement mal sous Windows, indépendamment du navigateur (Opera, Firefox, IE...) et bien mieux sur mon Powerbook. Un petit détail qui, quand on s’en rend compte, fait apprécier d’avoir investi dans un Mac :-)
Détails
Pourquoi Safari ne veut-il pas utiliser Edwardian Script ITC ou Zapfino comme police de titre ? Opera et Firefox versions Mac le font bien, eux. Un spécialiste des CSS dans la salle ?
Et d’ailleurs, si Edwardian Script ITC est désactivé, Firefox est incapable de se rabattre sur Zapfino.
Je suis preneur de tout retour de mon lecteurs sur mes essais-erreurs. Je ne suis pas une référence en matière de goût et couleur et esthétisme.
6 réactions
1 De Steph - 08/09/2006, 14:10
Rajouter "font-weight:normal;" dans la section "#top h1 {} " l'a fait apparaitre sur mon Safari.
Je suppose que par défaut h1 est défini avec l'attribut bold, et que ces polices-là ne sont pas disponibles en bold.
Safari doit se rabattre sur une police bold de remplacement, alors que les autres doivent se rabattre sur la police correcte mais "non bold"/normal.
En passant, sur le Mini je n'ai pas Office, j'ai donc découvert le blog avec Zapfino, que je préfère largement à Edwardian Script ITC...
2 De Steph - 08/09/2006, 14:18
Je rajoute au commentaire précédent que bien entendu, ça change l'aspect dans les autres navigateurs (puisque l'engraissement est modifié). Donc plutot: Camino et autres engraissent artificiellement une police non disponible en "bold", ce que Safari, en bon puriste, ne se résoud pas à faire.
Enfin, j'aurai mis la définition de la police dans #top h1 et pas dans #top a, moi... Mais je ne suis pas spécialiste CSS du tout.
3 De Le webmestre - 08/09/2006, 22:44
Effectivement, Stéphane, ça marche.
Sauf que je préfère Edwardian Script en gras :-(
Je commence à comprendre les cauchemars des créateurs de site. Juste un peu de jeu avec les fontes, et déjà trois comportements différents. Et Firefox ne veut toujours pas trouver Zapfino !
Je vais taire mon côté perfectioniste, sinon la perte de temps va être colossale...
4 De Steph - 09/09/2006, 09:37
(tiens mon 2e commentaire n'est pas passé hier ?)
Désolé pour le gras non utilisé. Dis toi, perfectioniste que tu es, que ce n'est pas Edwardian Script en gras que tu voyais (puisau'elle n'existe pas sur disque), mais un engraissement artificiel (et donc incorect strictement) de Edwardian Script...
Je me demande si il est sensé y avoir un comportement standardisé en cas de variante de police absente. Faudrait voir les documents officiels...
5 De Steph encore - 09/09/2006, 09:54
Enfin, pour Firefox, ça a tout l'air d'être un bug (Camino a le même). Si ta liste de polices dans "font-family:" possède un '"', il ne prend pas la suite.
En gros:
font-family : Georgia, serif;
marche si Georgia est absente, mais
font-family : "Edwardian Script ITC", serif;
ne marche pas si Ed. est absente.
6 De Le webmestre - 10/09/2006, 16:12
Merci encore Stéphane.
Ton 2è commentaire était tombé dans le piège à spam, sans doute à cause des bribes de code CSS, que Spamplemousse trouve hautement suspects.
Je subodorais vaguement le coup des "". On va voir ce que ça donne sans...
...Et bien apparemment, je les ai tous supprimés et ça semble marcher ! Ceux dans les feuilles par défaut de Dotclear m'ont induit en erreur...