OVH Cloud OVH Cloud

[NewsPortal] Appel Í  tests sur smartphone et tablettes (normalement sur un ordinateur, ça devrait fonctionne r)

60 réponses
Avatar
yamo'
Salut,

Copie et suivi vers fr.test pour ne pas polluer
fr.comp.usenet.lecteurs-de-news.

Je n'arrive pas Í  voir les problèmes d'affichage sur smartphone de
NewsPortal, est-ce quelques uns pourraient m'envoyer via un lien
cjoint, nemo ou autre une copie d'écran ou en pièce-jointe par mail
(reply-to valide)?
Avec si possible l'url en lien avec la copie d'écran.

Possibles erreurs : texte illisible, trop grand, coupures des lignes mal
faites, débordement d'écran ...

La CSS est légèrement différente en format portrait et paysage.

Pour tester (lecture seule) :
<http://news2web.pasdenom.info/thread.php?group=fr.test>
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>

Pour vérifier si l'affichage étrange ne provient pas du message
d'origine, le lien sur le Message-ID peut être utile.

Pour les quelques erreurs de décodage, je vais mettre en pause ce
problème car je l'ai aggravé en voulant le corriger (et surtout Olivier
a montré que c'était pas forcément NewsPortal le coupable...).
À l'affichage il y a des retours chariots manquants surtout pour les
posts en format flowed, je n'ai pas vu o͹ est le problème dans le code...

Merci d'avance,

--
Stéphane

10 réponses

2 3 4 5 6
Avatar
Eric Demeester
Bonjour,
DV (Tue, 5 Jan 2021 11:37:04 -0000 (UTC) - fr.test) :
La solution pour ne plus passer par Google, c'est d'installer la police
en dur sur ton serveur. Tu peux la télécharger, entre autres, sur
FontSquirrel :
<https://www.fontsquirrel.com/fonts/droid-sans-mono>
Tu places le fichier .ttf au même niveau que "style.css" (Í  la racine
apparemment), puis tu le déclares au début de ta feuille de style :
@font-face {
font-family: "Droid Sans Mono";
src: url("DroidSansMono.ttf") format("truetype");
}

On peut effectivement installer une police en local. L'avantage est
qu'on ne dépend pas d'un tiers, l'inconvénient par rapport Í  l'appel
d'une police externe via un CDN, c'est que si cette dernière est très
utiliosée, elle peut déjÍ  être en cache sur le terminal utilisé pour
consulter le site, ce qui améliore les temps de réponse tout en faisant
des économies de bande passante.
Pour ma part, sauf besoin particulier (pour respecter la charte
graphique d'un client par exemple), je préfère dans la mesure du
possible faire appel Í  des polices déjÍ  installées sur les terminaux.
Avatar
DV
Eric Demeester a écrit ceci :
Pour ma part, sauf besoin particulier (pour respecter la charte
graphique d'un client par exemple), je préfère dans la mesure du
possible faire appel Í  des polices déjÍ  installées sur les terminaux.

Comme je le disais, la police Droid Sans Mono est a priori déjÍ 
installée sur les smartphones Android. Donc, même si yamo' ne l'installe
pas "en dur", le simple fait de la mettre en tête de liste suffirait Í 
l'afficher par défaut sur n'importe quel terminal Android.
Par contre, elle ne doit pas être présente dans les smartphones iOS, et
lÍ  je ne sais pas quelle est la police Í  chasse fixe proposée par le
système.
--
Denis
Avatar
DV
yamo' a écrit ceci :
DV a écrit :
À ta place, je mettrais "Droid Sans Mono" en tête de liste dans toutes
les entrées concernant le corps des articles. Même sur l'écran de mon
ordinateur, je trouve que cette police rend bien.

Même sur mac?

VoilÍ  ce qu'elle donne sur Mac (toujours dans Vivaldi) :
<https://hidrive.ionos.com/lnk/8xiGBgNO>
Un simple wget sur la police marche aussi mais je ne savais pas si j'avais
le droit de l'incorporer Í  newsportal.
Et il ne doit pas y avoir souvent de mise Í  jour.

Elle est publiée sous licence libre (Apache), tu peux même la modifier
si tu le souhaites. ;-)
--
Denis
Avatar
DV
DV a écrit ceci :
Comme je le disais, la police Droid Sans Mono est a priori déjÍ 
installée sur les smartphones Android. Donc, même si yamo' ne l'installe
pas "en dur", le simple fait de la mettre en tête de liste suffirait Í 
l'afficher par défaut sur n'importe quel terminal Android.
Par contre, elle ne doit pas être présente dans les smartphones iOS, et
lÍ  je ne sais pas quelle est la police Í  chasse fixe proposée par le
système.

À la limite, le plus simple serait peut-être de se contenter d'un :
font-family: monospace;
de façon que chaque système affiche sa propre police par défaut.
--
Denis
Avatar
Eric Demeester
Bonjour,
DV (Tue, 5 Jan 2021 13:34:41 -0000 (UTC) - fr.test) :
À la limite, le plus simple serait peut-être de se contenter d'un :
font-family: monospace;
de façon que chaque système affiche sa propre police par défaut.

Je ne suis pas assez calé en la matière pour confirmer, mais si ça
fonctionne, c'est une excellente idée.
Il ne faudra néanmoins pas oublier d'indiquer dans la feuille de style
la taille de la police Í  adopter en fonction de la taille d'écran.
Avatar
yamo'
Salut,
Eric Demeester a tapoté le 05/01/2021 15:54:
Bonjour,
DV (Tue, 5 Jan 2021 13:34:41 -0000 (UTC) - fr.test) :
À la limite, le plus simple serait peut-être de se contenter d'un :
font-family: monospace;
de façon que chaque système affiche sa propre police par défaut.

Je ne suis pas assez calé en la matière pour confirmer, mais si ça
fonctionne, c'est une excellente idée.
Il ne faudra néanmoins pas oublier d'indiquer dans la feuille de style
la taille de la police Í  adopter en fonction de la taille d'écran.

Je viens de le tester et apparemment ici ça fonctionne!
Pour tester (lecture seule) :
<http://news2web.pasdenom.info/thread.php?group=fr.test>
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>
Vu que ce j'ai vu dans la CSS, elle va encore changer!
--
Stéphane
Avatar
DV
yamo' a écrit ceci :
Je viens de le tester et apparemment ici ça fonctionne!

Ça fonctionne même très bien.
Pour tester (lecture seule) :
<http://news2web.pasdenom.info/thread.php?group=fr.test>
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>
Vu que ce j'ai vu dans la CSS, elle va encore changer!

En particulier, je pense que tu as de la marge pour augmenter la taille
de la police en orientation paysage.
Quant Í  l'orientation portrait, Í  mon avis c'est impeccable pour la
lisibilité. Ça chahute encore le découpage des lignes, mais ça me semble
inévitable, et quand ça pose vraiment problème (comme avec les lignes et
encadrés de ma doc), il suffit de passer en orientation paysage pour
avoir une mise en page correcte.
--
Denis
Avatar
yamo'
DV a écrit :
yamo' a écrit ceci :
Je viens de le tester et apparemment ici ça fonctionne!

Ça fonctionne même très bien.
Pour tester (lecture seule) :
<http://news2web.pasdenom.info/thread.php?group=fr.test>
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>
Vu que ce j'ai vu dans la CSS, elle va encore changer!

En particulier, je pense que tu as de la marge pour augmenter la taille
de la police en orientation paysage.

Je ne sais pas si le galaxy S2 est encore beaucoup utilisé mais avec ce
smartphone j'avais l'impression de lire fr.test avec une loupe binoculaire
!
Quant Í  l'orientation portrait, Í  mon avis c'est impeccable pour la
lisibilité. Ça chahute encore le découpage des lignes, mais ça me semble
inévitable, et quand ça pose vraiment problème (comme avec les lignes et
encadrés de ma doc), il suffit de passer en orientation paysage pour
avoir une mise en page correcte.

Pour l'instant, j'attends le retour des usagers.
Je ne sais pas si il y a eu des tests sur iPhone.
C'est du cÍ´té post qu'il y a encore du travail du cÍ´té CSS...
Avatar
DV
yamo' a écrit ceci :
En particulier, je pense que tu as de la marge pour augmenter la taille
de la police en orientation paysage.

Je ne sais pas si le galaxy S2 est encore beaucoup utilisé mais avec ce
smartphone j'avais l'impression de lire fr.test avec une loupe binoculaire
!

Le Galaxy S2 a une définition d'écran de 800x400 pixels, alors que mon
Fairphone 3 offre 2160x1080 pixels, ce qui fait une sacrée différence”¯!
En fait, il se pourrait bien que lorsque je passe en orientation
paysage, ce soient les réglages «Â pas smartphone » qui s'appliquent sur
mon Fairphone. C'est peut-être donc lÍ  qu'il faudrait augmenter la
taille de la police. De fait, sur l'écran du Mac, l'affichage est assez
riquiqui…
--
Denis
Avatar
yamo'
DV a écrit :
yamo' a écrit ceci :
En particulier, je pense que tu as de la marge pour augmenter la taille
de la police en orientation paysage.

Je ne sais pas si le galaxy S2 est encore beaucoup utilisé mais avec ce
smartphone j'avais l'impression de lire fr.test avec une loupe binoculaire
!

Le Galaxy S2 a une définition d'écran de 800x400 pixels, alors que mon
Fairphone 3 offre 2160x1080 pixels, ce qui fait une sacrée différence”¯!

C'était la preuve par l'absurde que je ne peux pas savoir quelle est la
taille minimale ou maximale pour les polices de caractère.
En mode paysage il coupe un peu les lignes.
Par contre le vieux Chrome installé dessus ne comprend pas toute la Css.
En fait, il se pourrait bien que lorsque je passe en orientation
paysage, ce soient les réglages «Â pas smartphone » qui s'appliquent sur
mon Fairphone. C'est peut-être donc lÍ  qu'il faudrait augmenter la
taille de la police. De fait, sur l'écran du Mac, l'affichage est assez
riquiqui…

Tu n'as qu'͠ le passer en 800*600 😂
Sinon j'ai lu qu'il fallait des Css spéciales pour certains mac.
Je ne retrouve plus le site o͹ on peut avoir des copies d'écrans sur
pleins de navigateurs mais il doit dater d'avant la mode des smartphones.
2 3 4 5 6