Utiliser des polices pour les dés

Afin de ne pas avoir de soucis de couleurs

module/rdd-calendrier.js

@@ -11,9 +11,9 @@ const dossierIconesHeures = 'systems/foundryvtt-reve-de-dragon/icons/heures/'
 const heuresList = ["vaisseau", "sirene", "faucon", "couronne", "dragon", "epees", "lyre", "serpent", "poissonacrobate", "araignee", "roseau", "chateaudormant"];
 const heuresDef = {
   "vaisseau": { label: "Vaisseau", lettreFont: 'v', saison: "printemps", heure: 0, icon: 'hd01.svg' },
-  "sirene": { label: "Sirène", lettreFont: 'S', saison: "printemps", heure: 1, icon: 'hd02.svg' },
+  "sirene": { label: "Sirène", lettreFont: 'i', saison: "printemps", heure: 1, icon: 'hd02.svg' },
   "faucon": { label: "Faucon", lettreFont: 'f', saison: "printemps", heure: 2, icon: 'hd03.svg' },
-  "couronne": { label: "Couronne", lettreFont: 'C', saison: "ete", heure: 3, icon: 'hd04.svg' },
+  "couronne": { label: "Couronne", lettreFont: '', saison: "ete", heure: 3, icon: 'hd04.svg' },
   "dragon": { label: "Dragon", lettreFont: 'd', saison: "ete", heure: 4, icon: 'hd05.svg' },
   "epees": { label: "Epées", lettreFont: 'e', saison: "ete", heure: 5, icon: 'hd06.svg' },
   "lyre": { label: "Lyre", lettreFont: 'l', saison: "automne", heure: 6, icon: 'hd07.svg' },

module/rdd-dice.js

@@ -6,18 +6,15 @@ function img(src) {
   return `<img src="${src}" class="dice-img" />`
 }
 
-function iconHeure(heure){
-  if (heure<10) {
-    heure = '0'+heure;
+function iconHeure(heure) {
+  if (heure < 10) {
+    heure = '0' + heure;
   }
   return `systems/foundryvtt-reve-de-dragon/icons/heures/hd${heure}.webp`
 }
+const imagesHeures = [1, 2, 3, 4, 5, 6, 7, 9, 9, 10, 11, 12].map(it => iconHeure(it));
 
-const signeDragon = 'systems/foundryvtt-reve-de-dragon/icons/heures/hdragon.webp';
-const imgSigneDragon = img(signeDragon);
-const labelsDeDragon = ['1', '2', '3', '4', '5', '6', signeDragon, '0'];
-const bumpsDeDragon = [, , , , , , signeDragon,];
-const signeHeure = 'systems/foundryvtt-reve-de-dragon/icons/heures/hd';
+const imgSigneDragon = img(imagesHeures[4]);
 
 /** De7 pour les jets de rencontre */
 export class De7 extends Die {
@@ -25,7 +22,13 @@ export class De7 extends Die {
   static DENOMINATION = "7";
 
   static diceSoNiceData(system) {
-    return { type: "d7", labels: labelsDeDragon, bumpMaps: bumpsDeDragon, system: system }
+    return {
+      type: "d7",
+      font: "HeuresDraconiques",
+      fontScale : 0.7,
+      labels: ['1', '2', '3', '4', '5', '6', 'd', '0'],
+      system: system
+    }
   }
 
   constructor(termData) {
@@ -45,7 +48,7 @@ export class De7 extends Die {
 
   static getResultLabel(result) {
     switch (result) {
-      case 7: return imgSigneDragon
+      case 7: return imgSigneDragon;
     }
     return result;
   }
@@ -56,7 +59,13 @@ export class DeDraconique extends Die {
   static DENOMINATION = "r";
 
   static diceSoNiceData(system) {
-    return { type: "dr", labels: labelsDeDragon, bumpMaps: bumpsDeDragon, system: system }
+    return {
+      type: "dr",
+      font: "HeuresDraconiques",
+      fontScale : 0.7,
+      labels: ['1', '2', '3', '4', '5', '6', 'd', '0'],
+      system: system
+    }
   }
 
   constructor(termData) {
@@ -76,14 +85,13 @@ export class DeDraconique extends Die {
 
   static getResultLabel(result) {
     switch (result) {
-      case 7: return imgSigneDragon
+      case 7: return imgSigneDragon;
+      case 8: return 0;
     }
     return result;
   }
 }
 
-const imagesHeures = [1, 2, 3, 4, 5, 6, 7, 9, 9, 10, 11, 12].map(it => iconHeure(it));
-
 /** De 12 avec les heures */
 export class DeHeure extends Die {
 
@@ -93,8 +101,8 @@ export class DeHeure extends Die {
   static diceSoNiceData(system) {
     return {
       type: "dh",
-      labels: imagesHeures,
-      bumpMaps: imagesHeures,
+      font: "HeuresDraconiques",
+      labels: ['v', 'i', 'f', 'o', 'd', 'e', 'l', 's', 'p', 'a', 'r', 'c'],
       system: system
     }
   }
@@ -105,7 +113,7 @@ export class DeHeure extends Die {
   }
 
   static getResultLabel(result) {
-    return img(imagesHeures[result]);
+    return img(imagesHeures[result-1]);
   }
 }
 

styles/simple.css

@@ -20,10 +20,15 @@
     src: url('../fonts/CaslonAntique.ttf') format("truetype");
   }
   @font-face {
-    font-family: "heures Draconiques";
-    src: url('../fonts/heures_draconiques.ttf') format("truetype");
-  }
-  
+    font-family: 'HeuresDraconiques';
+    src:
+        url('../fonts/heuresdraconiques2.woff') format('woff'),
+        url('../fonts/heuresdraconiques2.woff2') format('woff2'),
+        url('../fonts/heuresdraconiques2.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
   :root {
   /* =================== 1. ACTOR SHEET FONT STYLES =========== */
     --window-header-title-font-family: CaslonAntique;