• Annonce Installer une police d'écriture sur son blog :)


    Jeudi 28 Janvier 2016 à 19:18
    Elbanga

    A Little Sunshine, c'est le nom de ma police.

    Jeudi 25 Février 2016 à 13:49
    QQ1

    Bonjour,

    Merci pour ce tuto très pratique.

    J'aurais voulu savoir ce qu'il fallait écrire pour modifier le titre des modules (j'ai essayé .module_titre_menu_contenu mais apparemment c'était trop simple) et les menus de l'en-tête.

    Merci

    Jeudi 25 Février 2016 à 14:59
    Elbanga

    Pour le titre des modules ; .module_menu_titre

    pour le menu de l'en-tête ;  #menu

    Jeudi 25 Février 2016 à 15:01
    QQ1

    Merci beaucoup.

    Mercredi 27 Avril 2016 à 11:39
    Rensunnie

    Merci  beaucoup pour ce tuto ! :D

    Vendredi 29 Avril 2016 à 18:19
    Petit Lu

    Coucou, est-ce que tu as un code pour l'appliquer sur tout le blog d'un coup? Ou un site qui a tous les codes css? Parce qu'il m'en faut pour le contenu des blogs, les commentaires, etc. Merci ^_^

    Vendredi 29 Avril 2016 à 18:46
    Lazulie

    Salut !

    Je te conseille d'aller sur ce blog, qui est vraiment sympa surtout au niveau du codage. C'est celui avec lequel j'ai presque tout appris ^^ Mais si ça ne te suffit pas, il suffit simplement de chercher.

    Des blogs sur Eklablog avec tout les codages nécessaires, y en a pas mal !

    Vendredi 29 Avril 2016 à 19:53
    Petit Lu

    Merci :)

    Dimanche 15 Mai 2016 à 18:19
    Eyael_

    Merci beaucoup, je croyais que c'était compliqué mais non. Juste un petit résumé parce que je trouve que tu perds un temps fou dans les détails et j'avoue qu'au départ ça m'a un peu embrouillée mais je comprends que pour ceux qui n'y connaissent rien à rien, il faut peut-être donner toutes ces explications. Alors voici une simplification pour les plus pressés :

    1. Créé un dossier Polices dans ma médiathèque Eklabugs (Gérer les fichiers) et dedans j'ai importé mon fichier police.

    ex:
    neuropol.ttf

    2. Copié l'adresse du fichier police sur le serveur (volet gauche de la médiathèque)

    3. Lancé l'éditeur de thème, rubrique Ajouter du CSS et au début de ma feuille de style, j'ai ajouté la ligne que tu indiques en remplaçant le nom de la police et l'emplacement que j'ai copiée précédemment :

    ex :
    @font-face {font-family: "Neuropol";
         src: url('http://ekladata.com/XmGEdjtmzVultkzrP_m /neuropol.ttf');}

    4. Appliqué cette famille de police aux éléments souhaités dans cette même feuille CSS comme on le ferait pour une police "normale"

    ex :
    #menu1 .module_menu_titre
    {font-family: "Neuropol";
    font-size: 10px;
    letter-spacing: 0.1em;}

    Pour ajouter d'autres polices on fait pareil en les déclarant séparément en haut de la feuille. Mais mieux vaut éviter de trop en mettre car ça rend le chargement des pages plus lent et pas sûre que ça fonctionne sur les iphones ou autres gadgets dont beaucoup se servent pour lire nos blogs. Dans ce cas, ce sera la police par défaut qui sera utilisée.

    Encore merci pour ton astuce et le super blog que tu nous as conseillé.

     

    Samedi 4 Juin 2016 à 20:32
    maggywaggy

    Hello !!

    moi j'ai trouvé ça aujourd'hui, que je trouves plus simple (après je sais pas si google font posède tout les fonts...) 

    vous choisissez votre ou vos fonts  les ajouter a votre collection 

    puis en bas faire use 

    ils vous donne 3 moyen de le diffuser sur votre blog HTML Import ou java

    vous installez le code dans un encart HTML

    ex :

    <*link href='https://fonts.googleapis.com/css?family=Coming+Soon|Crafty+Girls' rel='stylesheet' type='text/css'*>

    ou

    @import url(https://fonts.googleapis.com/css?family=Coming+Soon|Crafty+Girls);

    ou

    <*script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Coming+Soon::latin', 'Crafty+Girls::latin' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script*>

    Attention trop de font ralenti les blog !  

     

    puis dans votre CSS

    font-family: 'Crafty Girls', cursive;

    ou

    font-family: 'Coming Soon', cursive;

    Si vous voulez utiliser ces codes  pensez à enlevez les * (début et fin) je sais pas comme ça va réagir ici donc c'est voulu pour casser la suite...




    Vous devez être membre pour poster un message.