Outils pour utilisateurs

Outils du site


public:tutoriel_portail-webfonts

Utilisation d'une police de caractères web dans une édition sur un portail TXM

Ce tutoriel d'utiliser une police de caractères particulière pour des caractères rares ou une mise en forme personnalisée (par exemple, des abréviations médiévales ou cyrillique ancien). Les utilisateurs n'auront pas besoin d'installer la police pour visualiser l'édition correctement.

  • Assurez-vous que la licence d'utilisation permet d'installer la police dans un site web.
  • Utilisez un service web comme Fontsquirrel pour générer les différents formats nécessaires et les déclarations css
    • Téléchargez sur le service la police que vous voulez utiliser
    • Utilisez le mode “Expert” et cochez le maximum de formats de sortie
    • Cochez la case “No subsetting” (sinon les caractères “non standard” risquent de ne pas être pris en compte)
    • Conservez les autres paramètres par défaut
  • Décompressez l'archive “webfontkit…” et ouvrez le fichier “stylesheet.css.” qui s'y trouve.
  • Renommez le fichier en MONCORPUS.css ou collez le code dans la feuille CSS que vous avez déjà préparé pour votre corpus.
    • Utilisez le nom de votre corpus au lieu de MONCORPUS ou paramétrez un nom de feuille de style personnalisé lors de l'import
  • Ajoutez le préfixe “fonts/” aux url des polices. Par exemple
src: url('agiounicode-webfont.woff2') format('woff2')

devient

src: url('agiounicode-webfont.woff2') format('woff2')
  • Ajoutez une règle de formatage (en utilisant vos propres familles de police) :
.MONCORPUS {
  font-family: agiounicode, times;
}
  • Importez votre corpus avec le module XML-TEI Zero
    • Notez que pour créer un corpus compatible avec le portail TXM vous devez utiliser soit TXM 0.7.9, soit TXM 0.8.2 (en cours de beta-testing)
    • Placez votre feuille de style CSS dans le dossier “css”
    • Placez les feuilles de style XSL 1-default-html.xsl et 2-default-pager.xsl (téléchargeables à partie de la librairie TXM) dans le sous-dossier “xsl/4-edition”.
      • Cela est nécessaire car les éditions standard de TXM n'imbriquent pas les pages dans une division spécifique au corpus (ou à sa feuille de style), ce qui permet de dissocier les styles de l'édition de ceux de l'interface du portail.
      • Si vous n'utilisez pas le nom du corpus pour la feuille CSS, pensez à modifier le paramètre “css-name” dans 2-default-pager.
    • Réglez les différents paramètres et lancez l'import.
  • Exportez le corpus au format binaire “TXM 0.7.9”
  • Utilisez l'interface web administrateur pour charger votre corpus sur le portail TXM.
  • Connectez-vous en SFTP ou en SSH au serveur du portail.
  • Accédez au répertoire /var/lib/tomcat9/webapps/txm
  • Créez, si nécessaire, le répertoire “fonts” et placez-y les fichiers de police de caractères aucx différents formats créés par Fontsquirrel
  • Placez la feuille de style CSS de votre corpus dans le répertoire 'css'.
  • Éditez le fichier TXMWEB.jsp
    • Ajoutez l'élement <link type="text/css" rel="stylesheet" href="css/MONCORPUS.css"/> juste après <link type="text/css" rel="stylesheet" href="css/TXM WEB.css"/>
  • Rechargez la page du portail dans votre navigateur et visualisez l'édition de votre corpus pour vérifier que la police de caractères web est bien utilisée.
public/tutoriel_portail-webfonts.txt · Dernière modification: 2021/02/17 15:55 par alexei.lavrentev@ens-lyon.fr