28172 sujets

CSS et mise en forme, CSS3

[ Résolu ]Police pas lisse

Bonjour à tous,


J'ai un problème de lissage de police sur Chrome et Opéra. Mais pas sur IE9 et Firefox 5.
Voici une image pour vous montrer ça:

http://whitespirit.perso.sfr.fr/bench.jpg
Lien vers l'image taille réelle.

Ces screens sont extraits de ce site.


La police vient du service Google Font. Je l'ai inclus dans mon site grâce à une balise <link /> (celle donnée par Google Font) dans mon <head> et du code css: font-family: 'Raleway';

Le problème ne peut pas venir de Windows car le texte est lissé sous Firefox et j'ai vérifié les options de lissage de Windows.


Aidez moi s'il vous plait, je suis à bout.

PS: Si vous avez des conseils pour le design ou le code du site je prends aussi.
Modifié par Nomad (05 Aug 2011 - 14:52)
Bonsoir Nomad,

ce serait pas plutôt un souci avec la fonction de Opéra, à savoir leur Turbo-machin....Quand celui-ci est en route, cela change le rendu. Smiley decu
J´ai testé avec le site, et effectivement, avec le turbo, y a comme une police pas lisse...
Tout d'abord merci de ta réponse et aussi pour le jeu de mot "police pas lisse" que j'adore^^

Vu que j'ai une police pas lisse sur Chrome aussi, ça ne doit pas venir du turbo machin de Opera.
Le problème reste donc entier.
Ça me semble lisse pourtant. Et j'ai testé sur des Firefox 5 de deux PC différents.
Compare avec mon comparatif agrandi.
j´ai regardé sous différents navigateurs et avec une loupe....pffff, qu´est-ce que je peux avoir comme idée bête. Smiley eek

l´effet se voit nettement au niveau de la lettre e, et ceci, sous Safari, Chrome, Firefox 5 et Opera. Enfin, sur mon ordi.

ouais, j´ai pas beaucoup fait avancer ton problème, à ta place, je contournerai la difficulté en choisissant une autre police, et pas chez Google font de préférence.

tu peux toujours aller faire un tour là :

http://www.dafont.com/
http://www.fontsquirrel.com/fontface/generator
Il y a une légère différence de lissage entre Firefox et Chrome (sur les polices et certains effets comme les bords arrondis en CSS3). En général le lissage est de moins bonne qualité sous Chrome. C'est simplement une différence entre les moteurs de rendu des navigateurs.

Il n'y a rien que tu puisses faire pour changer ça. Et franchement c'est invisible pour l'utilisateur lambda.
Modifié par jb_gfx (02 Aug 2011 - 20:52)
Salutation @tous

J'ai quand même naviguer sur ton site. Perso J'ai apprécier. Pose toi pas trop de questions sur le sujet du lissage.

La seule navigation sur ton site m'aura beaucoup instruit.
J'adore justement les styles d'arborescences. Comme tu sais si bien les faires.

..
Modifié par zardoz (02 Aug 2011 - 22:08)
Un grand merci Zardoz, c'est très gentil.

Merci à tous, FloydinBremen c'est sympa mais je vais laisser ça comme ça je pense, comme le dit jb_gfx. De toute façon les gens travaillant dans l'audiovisuel utilisent des macs et sur mac c'est lissé.
Je recherchais une méthode magique mais tant pis.

Bonne continuation à vous tous.

PS: Floyd, une autre police ne changerait rien car celle-ci arrive a être lissée donc ça ne vient pas de la police. Et puis je recherche un genre d'Helvetica, déjà que cette copie très ressemblante est une aubaine, je vais avoir du mal à en trouver une autre qui corresponde à ce style.
Bonjour.
Ce pourrait-il que se soit à cause ou grâce à l'accélération matériel que IE9 et FF5 s'en sortent si bien au niveau du lissage des polices ?

D'un autre côté, moi qui utilise Opera, je ne vois pas non plus une différence énorme (par rapport à IE), même si je comprends que ça puisse gêner. Attendons Opera 12 qui doit, je crois, aussi prendre l'accélération matériel en compte.
Modifié par SolidSnake (03 Aug 2011 - 08:51)
Problème résolu:

C'est en fait la police qui est pixelisée quand elle est agrandie. C'est simplement Firefox et IE9 qui lissent les polices. Photoshop fait pareil.
FloydinBremen a écrit :
j´ai regardé sous différents navigateurs et avec une loupe....pffff, qu´est-ce que je peux avoir comme idée bête. Smiley eek

l´effet se voit nettement au niveau de la lettre e, et ceci, sous Safari, Chrome, Firefox 5 et Opera. Enfin, sur mon ordi.

ouais, j´ai pas beaucoup fait avancer ton problème, à ta place, je contournerai la difficulté en choisissant une autre police, et pas chez Google font de préférence.

tu peux toujours aller faire un tour là :

http://www.dafont.com/
http://www.fontsquirrel.com/fontface/generator


Salut,

Tu peux développer ton avis sur Google Font ?
Je viens de découvrir ce service grâce à ce post, et je trouve le concept super.
Mais il y a peut-être une bonne raison pour l'éviter ?

PS: Très beau site Nomad Smiley smile

@+
Max
Modifié par maxpower (07 Aug 2011 - 20:07)
Google, c´est le grossiste. je préfère allez chez le récoltant comme pour le pinard. Smiley ravi
sérieusement, Google fait beaucoup de choses, propose beaucoup de choses, il existe également à côté d'autres alternatives :

http://www.glukfonts.pl/
http://www.kingthingsfonts.co.uk/fonts/fonts.htm
http://www.steffmann.de/

Ceux-là et plein d´autres.
des gens dont c´est la passion, pas une grosse machine de guerre qui "collectionne".

donc, oui Google font, c´est bien. "LA" référence = NON. mais c´est juste un avis perso.
Modifié par FloydinBremen (07 Aug 2011 - 22:50)
Ce qu'il y a de bien avec Google Font c'est que tu n'as pas à télécharger la police, tu fais juste un lien vers celle-ci. Google les hébergeant sur ses server qui sont connus pour leurs rapidité.
Beaucoup de gens charge la bibliothèque jQuery en linkant celle qu'héberge Google par exemple, pourquoi ne pas le faire aussi pour ses polices ?

Et si l'upload ne plait pas, car on dépend d'un site, Google te permet de télécharger les polices, à toi ensuite de les utiliser via un @font-face après leurs upload sur le server de ton site.

@FloydinBremen: Tes sites sont sympa mais il n'y a pas ce service d'hébergement de polices. Mais je suis d'accord c'est très impersonnel ce service. Des gouts et des couleurs.
PS: Pour le pinard je suis d'accord, c'est pour le contact humain et pour le p'tit verre avec le récoltant ah ah.
Sujet clos
Aller à