SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 293 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Compatibilité texte_typo

Compatibilité texte_typo

Attention au rendu lors des migrations.

8 avril 2009 – par gaspard – commentaires

4 votes

Quand on utilise le filtre image_typo pour son site spip, attention au rendu.

Petit rappel sur image_typo

Le filtre image_typo est très pratique, il permet de créer une image à partir de texte. Historiquement, les navigateurs ne peuvent afficher les caractères typographiques que des fontes qui sont présentes sur l’ordinateur du visiteur du site, image_typo permet de contourner cette limitation.

La spécification CSS3 @font-face permettra de spécifier la source d’un fichier TTF [1], cependant à l’heure actuelle, très peu de navigateurs disposent de cette fonctionnalité.

Ainsi, en ajoutant ce code dans votre squelette

[(#VAL{"Bonjour"}|image_typo{police=dustissimo.ttf,taille=29,couleur=ff99cc})]

Vous produirez cette image

De même, en spécifiant par exemple
[(#TITRE|image_typo{police=garamond.ttf,taille=29,couleur=cccccc})] vous créerez automatiquement une image de la bonne couleur et de la bonne police tant soi peu que vous ayez placé le fichier garamont.ttf dans votre dossier /squelettes/polices

Comment ça se passe ?

SPIP envoie le #TITRE à la librairie GD (librairie graphique de PHP) et si celle-ci a été compilée avec ’—enable-gd-native-ttf’ (ce qui est presque toujours le cas), le script va générer une image au format PNG avec les bonnes instructions de texte, de couleur, de taille et de typographie.

Cette image va être insérée dans le code HTML généré par SPIP. Si vous n’avez pas tout compris, ce n’est pas grave.

Le problème de plateforme

Bien que cela ne présente pas de problème majeur, il est important de noter que les rendus diffèrent souvent selon la plate-forme sur-lesquels ils sont effectués.

  • Fig1. La version de travail
  • Fig2. La version en ligne
  • Fig3. Une superposition des deux versions pour mieux voir les différences.

Quand vous travaillez sur les squelettes de votre site, vous travaillez normalement sur votre ordinateur et vous accédez à votre site SPIP par une adresse locale [2] comme vous êtes sous Mac, Windows (et plus rarement Linux), le rendu des typographies est fait par votre système d’exploitation.

Quand vous publiez en ligne, les rendus des images générées par image_typo dépendent alors du système d’exploitation du serveur, c’est la plupart du temps basé sur FreeBSD ou Linux CentOs, du coups les images vont très certainement différer.

Par conséquent, alors que sur votre ordinateur le rendu est propre, les typographies sont joliement lissées, ça vous plaît...

Le rendu une fois envoyé sur le serveur peut être catastrophique

Solutions

Il n’y a pas vraiment de solution miracle, cependant je peux vous conseiller 3 astuces :

  • Agrandir : les problèmes de lissage ne posent véritablement problème que dans le cas où les textes sont écrits tout petit, en grossissant votre texte, les problèmes seront minimes.
  • Utiliser des images fixes : s’il s’agit de rubriques, les textes des rubriques vont-ils vraiment changer ? pouvez-vous envisager de les passer en images statiques (ou en logo de rubriques).
  • Attendre : peut être que la librairie GD sera améliorée ou que les navigateurs internet deviennent compatible avec CSS 3.

Notes

[1True Type Font, c’est un format de fichier assez « stantard » rassemblant les informations sur une fonte

[2il peut y avoir plein d’adresses locales comme http://localhost ou http://monprojet.site ou http://127.0.0.1

Dernière modification de cette page le 10 août 2009

Retour en haut de la page

Vos commentaires

  • Le 1er septembre 2011 à 10:46, par gab En réponse à : Compatibilité texte_typo

    Bonjour

    Le filtre image_typo ne conserve pas les saut de ligne. Est-ce qu’il y a une astuce ?

    Je souhaite générer une image avec le titre d’une rubrique à la verticale, est-ce possible ?

    Merci de votre aide

    Répondre à ce message

  • Le 10 avril 2009 à 12:43, par Joseph Tux En réponse à : Compatibilité texte_typo

    Bonjour,

    merci pour cette fonctionnalité très intéressante.

    Si j’ai bien compris, le fait que je travaille sous Linux et que mon hébergeur soit lui aussi sous Linux, évite le problème ?

    Répondre à ce message

  • Le 8 avril 2009 à 11:59, par Ben En réponse à : Compatibilité texte_typo

    dans les solutions, je citerais le filtre image_reduire_par qui, pour certaines typos, nous fournit un crénelage parfois convenable en « floutant » légèrement les textes trop petits.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là