[MMO WEB] Mechas War - Un jeu de ROBOTS avec des boulons dedans!

[starmindfr]

Petite question actuellement j'ai pas mal de pages de texte avec fond noir et police blanche, certains utilisateurs n'aiment pas du tout.

Une suggestion de combinaison font / backround ideale pour les textes ?

[niahoo]

diminue le contraste, genre

elem {

    color: #fcfcfa;

    background: #3d3d3d;

}

[starmindfr]

merci j'ai tester ca me semble violent aussi pas evident les gouts et les couleurs

j'ai mis un test ici avec 2 possibilités  : test

[niahoo]

Essaie en diminuant encore d'avantage le contraste. C'est la seule solution pour que ça ne pique pas les yeux. (piquer dans le sens douleur, après pour le choix de couleur comme tu le dis ça dépend des goûts, mais le contraste c'est simple à régler)

[Sephi-Chan]

Dans la capture que tu présentes, plus que les couleurs, c'est la police et la taille qui me dérangent.
Selon moi, les lettres sont trop espacées les unes des autres (letter-spacing) et trop petites (font-size).
Quels réglages utilises-tu ?

[Max72]

Dans la capture que tu présentes, plus que les couleurs, c'est la police et la taille qui me dérangent.
Selon moi, les lettres sont trop espacées les unes des autres (letter-spacing) et trop petites (font-size).

+1
Ca me fait mal aux yeux de lire le texte sur fond vert, mais pas à cause des couleurs, et j'ai du mal à lire certains caractères.

[@lucard]

J'aurais plus vu un truc de ce genre là:

html { 

background-color: #222222;

font-family: 'Capriola', arial, verdana;

font-size: 0.75rem;

line-height: 1.5rem;

letter-spacing: 1px;

}

div.content {

color: color:rgba(150,255,150,0.7);

background-color: rgba(255,255,255,0.1);

font-size: 1rem; 

}



div.content>.title{

text-transform: uppercase;

font-weight: bold;

color:#dddddd;

}

test en live

[starmindfr]

Bonjour intéressant cet exemple interactif ca m’évite d’éditer ma page sous firefox merci :p

En effet j'avais letter spacing 2px et 10px de taille il me semble; je vais aussi tester plusieurs polices pour voir (l'idée étant de faire futuriste mais pas au détriment de la lisibilité)

[Xenos]

Avec modif de code source, il y a liveJS qui se charge d'actualiser les CSS (ou autres) de la page, sans rien avoir d'autre à faire qu'insérer une ligne dans le code HTML (mais, ca modifie du code quand même, pas le must!)

Sinon, y'a des plugin pour navigateur (FF) qui permettent de recharger le CSS sans recharger la page.

[starmindfr]

oui c'est ce que je fais avec firefox deja c'est assez pratique il suggère même des mots clefs comme couleur et corrections

bon c'est pas gagné d'avoir une belle font je vais laisser la Capriola un moment pour voir