Sha256: d30340a5ca7b3cb44488597171b18d03ca38b06c7f507c3eb29999c7204e58bc

Contents?: true

Size: 1.32 KB

Versions: 83

Compression:

Stored size: 1.32 KB

Contents

// Fonction pour ajouter la police dynamiquement
function ajouterPoliceDynamiquement(font_name,type,path) {
    // Créer une nouvelle balise <style>
    const styleElement = document.getElementById('atomic_style');

    // Ajouter la règle @font-face à la balise <style>
    styleElement.textContent = `
    @font-face {
      font-family: ${font_name};
      src: url('${path}') format('truetype');
    }
  `;

    // Ajouter la balise <style> à la balise <head> du document
    document.head.appendChild(styleElement);

    // Appliquer la police au corps du document
    // document.body.style.fontFamily = font_name+','+type;
}

// Appeler la fonction pour ajouter et appliquer la police
ajouterPoliceDynamiquement('Ruboto','ThinItalic','medias/fonts/Roboto/Roboto-ThinItalic.ttf');

/////////////////

// setTimeout(function () {
//     const viewDiv = document.getElementById('view');
//
//     // Vérifier si la div existe
//     if (viewDiv) {
//         // Ajouter le texte à la div
//         viewDiv.innerText = "Ceci est un texte ajouté à la div 'view'.";
//
//         // Appliquer la police et la taille du texte
//         viewDiv.style.fontFamily = 'Ruboto, thin';
//         viewDiv.style.fontSize = '36px';
//     } else {
//         console.error("La div avec l'ID 'view' n'a pas été trouvée.");
//     }
// }, 3000);






Version data entries

83 entries across 83 versions & 1 rubygems

Version Path
atome-0.5.7.6.0 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.5.9 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.5.4 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.5.3 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.5.1 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.4.8 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.4.7 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.4.6 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.4.3 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.4.2 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.9 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.6 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.5 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.3 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.2 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.1 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.3.0 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.1.8 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.1.7 vendor/assets/src/js/atome/atome_helpers/add_font.js
atome-0.5.7.1.0 vendor/assets/src/js/atome/atome_helpers/add_font.js