Nouvelle année, nouveau design - commentaires Nouvelle année, nouveau design 2016-02-18T19:05:59Z http://teddypayet.com/Nouvelle-annee-nouveau-design#comment372 2016-02-18T19:05:59Z <p>Re Salut Allergie,</p> <p>Ça fait des années que j'utilise la Fontin. Je l'aime beaucoup. C'est vrai qu'il faut s'habituer à son dessin, mais elle reste un bon compromis entre une police à empattement accentué et une baton. <br class="manualbr" />Après, à sa défense, je trouve que les <code class="spip_code" dir="ltr">@font-face</code> et les <code class="spip_code" dir="ltr">webfont</code> (format dans lequel je ne l'ai jamais trouvé) ne gèrent pas correctement les espacements, inter-lettrage, etc. Elles sont "fixes" pour moi.</p> <p>Pour les blocs de texte et leur taille… Non non, tu n'as pas rêvé ! :-P<br class="manualbr" />J'ai un peu triché. Après ton commentaire, j'ai vu avec mon amie experte en accessibilité (cf. <a href="https://twitter.com/cyberbaloo_" class="spip_out" rel='nofollow external'>cyberbaloo_</a>) pour avoir aussi son avis. Et vous alliez dans le même sens. <br class="manualbr" />Au lieu d'être à un <code class="spip_code" dir="ltr">font-size</code> à <code class="spip_code" dir="ltr">0.875em</code> pour le <code class="spip_code" dir="ltr">body</code>, je suis passé à <code class="spip_code" dir="ltr">1em</code>. Donc, si ton navigateur est réglé à <code class="spip_code" dir="ltr">16px</code>, c'est ce qui sera affiché au lieu du <code class="spip_code" dir="ltr">14px</code> initial. :-P</p> <p> Il faut maintenant que je "m'habitue" à cette taille de police. Pour moi elle est "trop" grande. Mais si les règles de l'art de l'accessibilité recommandent une taille à <code class="spip_code" dir="ltr">16px</code>, ce n'est pas moi qui vais les contredire.</p> <p>Je ne connaissais pas <a href="http://www.typegenius.com" class="spip_url spip_out auto" rel="nofollow external">http://www.typegenius.com</a> , il faudra que je le teste un peu pour voir ce qu'il a sous le capot ;-)</p> <p>A très bientôt.</p> Nouvelle année, nouveau design 2016-02-18T15:48:19Z http://teddypayet.com/Nouvelle-annee-nouveau-design#comment371 2016-02-18T15:48:19Z <p>Salut Teddy,</p> <p>je n'avais pas voulu croire whatfont pour la Fontin :) j'aurais dû… <br class="autobr" /> Effectivement, c'est d'elle dont je voulais parler pour le rendu.</p> <p>Pour les blocs de texte, alors que je n'ai fait aucun changement de réglage sur Safari, cette visite aujourd'hui est bien plus lisible pour la taille d'Helvetica Neue. Du coup je viens de la revisiter sous FF et pareil…</p> <p>Je ne devais pas avoir les yeux en face des trous pour la taille ou bien quelque obscur réglage me l'a fait voir plus petite qu'elle n'était ce jour là.</p> <p>J'en profite pour te lâcher là un lien que j'aime bien sur les typo <a href="http://www.typegenius.com/" class="spip_out" rel='nofollow external'>http://www.typegenius.com</a> ; un outil de "match" sympa.</p> <p>Finalement, plus je reviens sur ton site et moins je trouve cette font choquante : je m'y suis déjà habitué et puis du coup, je te l'associe :) c'est ça le génie du designer ;)</p> Nouvelle année, nouveau design 2016-02-18T08:33:57Z http://teddypayet.com/Nouvelle-annee-nouveau-design#comment370 2016-02-18T08:33:57Z <p>Salut,</p> <p>@Laurent : merci l'ami ! J'espère que ton site aussi te plait ! ;-)</p> <p>@Allergie : Merci avant tout pour tes compliments. Ça fait plaisir :-)<br class="autobr" /> Pour le choix de la police, eh bien, je reste sur un classique pour le texte courant : "Helvetica Neue", Helvetica, Arial, sans-serif. <br class="autobr" /> Pour la Suravaram, en fait c'est un reliquat dans mon code, un test. Elle n'est pas du tout utilisée sur le site… Je voulais faire un test sur les lettrines pour l'anecdote.<br class="autobr" /> Sinon, la police "exotique" que j'utilise comme identité (et depuis des années), est la Fontin. cf. <a href="http://www.exljbris.com/fontin.html" class="spip_url spip_out auto" rel="nofollow external">http://www.exljbris.com/fontin.html</a><br class="autobr" /> Je passe par un <code class="spip_code" dir="ltr">@font-face</code> classique. Elle est utilisée pour les titres du site (les <strong>hx</strong>)</p> <p>Pour la taille de la police… Hum… C'est du <strong>em</strong> donc proportionnel à ce que tu as indiqué dans tes réglages de navigateur. <i>Si tel n'était pas le cas, pourrais tu m'indiquer les blocs sur lesquels ton réglage de taille de police ne fonctionne pas stp ?</i><br class="autobr" /> Je me suis fait taper sur les doigts par une amie très chère sur l'utilisation des <strong>px</strong> à la place des <strong>em</strong>. Alors j'ai rectifié le tir. Mais il peut rester des coquilles.<br class="autobr" /> Le <code class="spip_code" dir="ltr">html</code> a un <code class="spip_code" dir="ltr">font-size</code> à <i>100%</i>. Et le <code class="spip_code" dir="ltr">body</code> a son <code class="spip_code" dir="ltr">font-size</code> à <i>0.875em</i>. Ce qui correspond généralement à <code class="spip_code" dir="ltr">14px</code>. Par défaut les navigateurs indiquent une taille de police de <code class="spip_code" dir="ltr">16px</code>.</p> <p>Merci en tout cas à tous les 2 pour vos commentaires.</p> <p>Amicalement,</p> Nouvelle année, nouveau design 2016-02-14T09:01:29Z http://teddypayet.com/Nouvelle-annee-nouveau-design#comment367 2016-02-14T09:01:29Z <p>Salut Teddy,</p> <p>de passage sur ton site ce matin je découvre ton très beau travail : bravo. J'aime beaucoup la lisibilité de ton code, ton sens du détail, l'harmonie des couleurs et des blocs. Je suis moins content des polices par contre : leur choix, leurs tailles. Elles me semblent souvent sous dimensionnées pour les textes et, mais alors là c'est totalement subjectif, je ne trouve pas qu'elles correspondent à l'image que j'ai de toi (qui est totalement fausse puisque je ne connais de toi qu'une partie de ton activité au travers de spip et de twitter).</p> <p>La Suravaram est une police qui me semble trop… verticale, elle habite des espaces étriqués et me semble fermer ces espaces. Peut-être est-ce parce que les textes ont une taille beaucoup plus petite ? C'est subjectif tout ça mais je ne peux te féliciter pour le magnifique travail fait par ailleurs sans te glisser un mot de ce qui me titille.</p> <p>Je te souhaite un bon dimanche avec un picnic prévu où ça ? ;)</p> Nouvelle année, nouveau design 2016-02-13T17:48:48Z http://teddypayet.com/Nouvelle-annee-nouveau-design#comment366 2016-02-13T17:48:48Z <p>Salut Teddy,</p> <p>Bien joli ton nouveau site... Belle police, beau design clair et limpide, j'aime ça... Tu sembles être dans ta période bleue, non ?</p> <p>Bises</p>