aya-experience / aya-experience.github.io

4 stars 2 forks source link

Couleur police #2

Closed fabienjuif closed 7 years ago

fabienjuif commented 8 years ago

(je ne sais pas si vous voulez les remarques en anglais ou pas, n'hésitez pas à me dire si je dois changer).

Les couleurs des polices d'écritures ne sont pas bonnes je pense, il est très difficile de lire le texte (sur fond noir ou sur fond blanc). Je pense ne pas être le seul à voir ça.

GJ sinon ;)

Swiip commented 8 years ago

(pas forcément réfléchis à la question de la langue, partons sur du français pour le moment)

La contrepartie d'avoir des jolies fonds et une police fine c'est qu'on perd en lisibilité, c'est sur.

On traite la question au cas par cas, des endroits en particulier que tu trouves peu lisible ?

Il y a les blocs code et design qui sont déjà identifiés en tout cas, ils nécessiteraient un peu plus de travail...

fabienjuif commented 8 years ago

J'ai pris deux captures qui résument bien. Mais c'est surtout dans les dessins qu'on retrouve souvent à gauche / droite de la page. Si tu penses que ça vient de mon système n'hésite pas à me demander de faire des tests. Je peux même essayer d'ajuster la couleur et te renvoyer le code/capture.

aya_1 aya_2

Swiip commented 8 years ago

Ouch, il y a un comportement bizarre, je n'ai pas ça :

capture d ecran 2016-10-13 a 14 19 07

(Chrome, Retina, MacOS)

L'autre j'ai à peu près pareil effectivement.

hgwood commented 8 years ago

Pour info sous Windows 7, Chrome, non rétina

image

image

fabienjuif commented 8 years ago

Sauf erreur de ma part, il y a pas de font-family. Donc le site est très dépendant des OS/DE/WM.

Peut être qu'on peut essayer de définir un font-family ? En plus un font-weight: 100 ça me parrait vraiment léger !

Swiip commented 8 years ago

Ohoh...

Le site devrait être en Lato : https://github.com/aya-experience/aya-experience.github.io/blob/316d3cfda721482675aa6421326cc8515ee783a2/src/style/_global.scss

Et la police en webfont comme sur le nouveau site corp, mais je vois pas la police chargée.

Si c'est ça, c'est un bète oublie... Ça marcherait chez moi alors juste parce que j'ai la police d'installé

Swiip commented 8 years ago

Flute, ça "devrait" marcher.

https://github.com/aya-experience/aya-experience.github.io/blob/dev/src/index.html#L11-L13

fabienjuif commented 8 years ago

Bon c'est surement moi qui avait pas les yeux en face des trous, mais j'ai bien la police effectivement. Le font-family est bien présent. J'ai testé de mettre sans-serif et là je vois tout bien.

Donc je ne sais pas trop d'où ça vient :/ Le fix "facile" serait d'augmenter le font-weight, mais peut être qu'alors ça ne rendra pas aussi bien sur ton ordi'.

FBerthelot commented 7 years ago

Cette issue sera résolue fatalement dans la nouvelle version du site où le contraste sera meilleure avec un abandons des masks SVG qui a un comportement bizarre sur les différents navigateurs.