Piwigo.org

Zaphod · 2010-10-23 01:17:17

Bonjour à tous.

J'aimerais changer la police de mon site pour une qui me plait un peu plus.
(un truc style Century Gothic ou Verdana ou Corbel, mais tout ça semblent être des polices MS)

Problème... toutes ces polices ont des tailles très variables, donc on ne peut pas vraiment imaginer mettre plein de polices dans "font-family" car l'affichage sera potentiellement très différent.
(à moins de pouvoir spécifier une taille différente en fonction de la font réellement affichée...)

Mais du coup... difficile de savoir quelles polices sont dispo sur mac/linux.
Ca serait dommage d'avoir un site qui passe bien sur un seul OS...

Y a-t-il un moyen de connaitre les fonts installées de base sur chaque OS ?
Et de tester l'affichage correspondant sur son site pour vérifier que si l'affichage est réellement équivalent ?

Accessoirement, le lissage des polices est très différent sous mac et windows... sous linux je ne sais pas... mais ça peut être intéressant de voir comment son site est affiché sur d'autres OS...

Dernière modification par Zaphod (2010-10-23 01:34:35)

Zaphod · 2010-10-23 01:37:50

A priori... http://browsershots.org/ devrait être un bon début... même si les tests mac sont limités (pas de firefox).

Je ne sais pas comment les polices sont gérés avec browsershots...

Gotcha · 2010-10-23 02:19:43

Regardes aussi :
[Forum, topic 17270] Tester son site avec plusieurs navigateurs.

Zaphod · 2010-10-23 10:13:35

Ouaip, je me souvenais ça, c'est là que j'ai récupéré browsershots.org, mais je me demande si les captures issus de différents OS sont vraiment fiables...

Et surtout, les captures Mac ne marchent pas, et il y a très peu de choix de navigateurs.

flop25 · 2010-10-23 13:36:58

Zaphod a écrit:
Ouaip, je me souvenais ça, c'est là que j'ai récupéré browsershots.org, mais je me demande si les captures issus de différents OS sont vraiment fiables...

Et surtout, les captures Mac ne marchent pas, et il y a très peu de choix de navigateurs.

si tu as une police exotique ou que tu veux à coup sûr (sauf désactivation js) que cela soit cette police là qui soit affichée, alors utilise un sIFR ou autre : http://blog.socialcompare.com/fr/2010/0 … n-vs-flir/

Zaphod · 2010-10-23 13:47:17

Merci pour le lien.
sIFR, dans ton tableau il semble être dit que ça remplace par du flash...

En fait après réflexion j'ai un peu abadonné l'idée d'une police unique, je n'en trouverai pas, en plus tu peux très bien avoir des gens qui ont choisi des polices différentes sur leur ordi.

Il faut donc forcément que je propose plusieurs polices, ça c'est facile, mais il faut surtout que j'arrive à que l'affichage (et notamment la taille des polices) soit correct avec toutes.

Genre si je mets : Corbel, Verdana, Helvetica, Arial, sansserif...
Déja, Verdana est beaucoup plus grosse que les autres.

En regardant le site piwigo je vois qu'on peut obliger une taille différente pour chaque police en utilisant "font" au lieu de "font-family".
Ca peut être la solution.

Corbel, c'était proposé sur un des thèmes (Luciano je crois), je trouve ça très bien et très lisible, mais a priori il faut au moins Vista...
Verdana est pas mal aussi, là c'est de base pour windows.
Faut juste que je me trouve une police mac et linux qui soient proches... tout en vérifiant que la taille d'affichage est bonne.

Dernière modification par Zaphod (2010-10-23 13:49:04)

Zaphod · 2010-10-23 13:59:21

Je viens de trouver ça :
http://www.codestyle.org/css/font-famil … ults.shtml

Très utile pour savoir quoi choisir comme police...

Il y a même un "font stack builder" pour s'assurer qu'on a suffisamment de choix pour toucher quasi tout le monde.
Excellent !

Dernière modification par Zaphod (2010-10-23 14:05:33)

Zaphod · 2010-10-23 18:16:50

Malheureusement... la balise "font" ne permet pas comme je le pensais de choisir une taille de police différente par police...

C'est vraiment dommage parce que la police Corbel qui avait ma préférence est sensiblement plus petite ques les équivalentes, donc ça me semble impossible de la mettre dans le font stack...
Sinon, soit ça sera trop petit pour ceux qui ont cette font.
Soit ça sera trop grand pour ceux qui ne l'ont pas...

Je vais créer un topic séparé pour voir s'il y a une solution à ce problème... sinon je choisirai une autre font.
(mais bon, je viens de trouver un article qui semble dire que c'est impossible... à moins de gérer ça par script)

Dernière modification par Zaphod (2010-10-23 18:20:53)

Gotcha · 2010-10-23 19:59:26

Perso pour mon thème "Sobre" j'ai opté pour le CSS3 et la balise :

Code:

@font-face {
  font-family: 'thumb-t';
  src: url('./fonts/thumb-t.ttf');
}

Je commence par détecter si la version du navigateur client permet de lire le CSS3 (via du js) et si oui, c'est un fichier à part et réservé aux instruction compatibles CSS3 qui est chargé.
Et dans ce fichier CSS, j'ajoute les tailles de mes polices.

:-)

Zaphod · 2010-10-24 01:27:37

Yep, mais peux-tu définir une taille différente en fonction de la police présente ?

Pour ce qui est de mettre le fichier .ttf, il faut je suppose le faire avec une police libre ?

ddtddt · 2010-10-24 08:24:14

Zaphod a écrit:
Pour ce qui est de mettre le fichier .ttf, il faut je suppose le faire avec une police libre ?

oui

Zaphod · 2010-10-24 10:08:30

Du coup ça limite vachement... car même les polices linux ne sont pas toutes libres...
C'est d'ailleurs affolant de voir le prix d'une police... le prix des polices fournies avec mon OS ça doit bien fare 10 ou 20 fois le prix de l'OS...

ddtddt · 2010-10-24 10:59:11

Tu peux aussi contacter l'auteur de la police pour voir quelles sont ces conditions pour te vendre l'autorisation de l'utiliser (voir de la distribuer si tu veux publier ton thème)

Après à toi de voir si le cout / rendu correspond à une dépense que tu es prêt à engager.

Gotcha · 2010-10-24 11:26:12

Zaphod a écrit:
Yep, mais peux-tu définir une taille différente en fonction de la police présente ?

Je le fait dans le fichier CSS3.css
Parceque si le navigateur lit ce fichier, il lira la police et donc il lira la taille que je lui demande :-)

Il existe beaucoup de sites qui proposent des fonts gratuites ;-)

Zaphod · 2010-10-24 14:28:04

ddtddt a écrit:
Tu peux aussi contacter l'auteur de la police pour voir quelles sont ces conditions pour te vendre l'autorisation de l'utiliser (voir de la distribuer si tu veux publier ton thème)

Après à toi de voir si le cout / rendu correspond à une dépense que tu es prêt à engager.

C'est pour site perso, surtout à destination de ma famille et de mes amis donc la dépense que je suis prêt à engager, c'est zéro.

J'ai déja du mal à trouver des polices qui me conviennent, alors en police libre...
Il y a "Bitstream Vera Sans" qui est pas mal, mais ça n'est pas ma préférée...

Piwigo.org

Annonce

#1 2010-10-23 01:17:17

Choix de police... comment visualiser sur d'autres OS ?

#2 2010-10-23 01:37:50

Re: Choix de police... comment visualiser sur d'autres OS ?

#3 2010-10-23 02:19:43

Re: Choix de police... comment visualiser sur d'autres OS ?

#4 2010-10-23 10:13:35

Re: Choix de police... comment visualiser sur d'autres OS ?

#5 2010-10-23 13:36:58

Re: Choix de police... comment visualiser sur d'autres OS ?

Zaphod a écrit:

#6 2010-10-23 13:47:17

Re: Choix de police... comment visualiser sur d'autres OS ?

#7 2010-10-23 13:59:21

Re: Choix de police... comment visualiser sur d'autres OS ?

#8 2010-10-23 18:16:50

Re: Choix de police... comment visualiser sur d'autres OS ?

#9 2010-10-23 19:59:26

Re: Choix de police... comment visualiser sur d'autres OS ?

Code:

#10 2010-10-24 01:27:37

Re: Choix de police... comment visualiser sur d'autres OS ?

#11 2010-10-24 08:24:14

Re: Choix de police... comment visualiser sur d'autres OS ?

Zaphod a écrit:

#12 2010-10-24 10:08:30

Re: Choix de police... comment visualiser sur d'autres OS ?

#13 2010-10-24 10:59:11

Re: Choix de police... comment visualiser sur d'autres OS ?

#14 2010-10-24 11:26:12

Re: Choix de police... comment visualiser sur d'autres OS ?

Zaphod a écrit:

#15 2010-10-24 14:28:04

Re: Choix de police... comment visualiser sur d'autres OS ?

ddtddt a écrit:

Pied de page des forums