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


    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
    heaviemaggy

    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...

    Samedi 4 Juin 2016 à 21:36
    Lazulie

    @Eyael : C'est sûr que j'aime aller loin dans les détails, surtout quand il s'agit d'expliquer des choses ! Sinon, je trouve que ton idée est plus rapide (parce que je l'ai essayée !). Et merci du partage ^^

    @maggywaggy : "Pour casser la suite ?" Nan, je ne pense pas trop quand même, il faut pas rêver autant... ;) J'ai essayé ton code, mais c'est quand même un peu moins easy que le code que j'ai proposé dans ce sujet (je suis moins douée en HTML c'est pour ça), que je trouve plus basique (surtout pour les débutants en CSS). Après chacun utilise la méthode qu'il veut, tu vois... mais merci du partage !




    Vous devez être membre pour poster un message.