Comment utiliser une police personnalisée en CSS ?

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024

Комментарии • 57

  • @EcoleduWeb
    @EcoleduWeb  10 месяцев назад

    🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
    📚 Tous mes cours sur UDEMY : liste-des-cours.com/

  • @fionahauberdon3778
    @fionahauberdon3778 3 года назад +9

    Merci pour la vidéo, je ne parvenais pas à utiliser ma police en suivant les explications sur openclassroom mais en suivant tes étapes à la lettre j'y suis parvenu !

  • @thibaultballeux609
    @thibaultballeux609 3 года назад +5

    Superbe vidéo mec. Tu es la seule vidéo que j'ai trouvé qui explique parfaitement le sujet. Merci énormément !

  • @V1100film
    @V1100film 3 года назад +1

    Ta vidéo me sauve littéralement la vie. Bonne continuation.

  • @neflo8865
    @neflo8865 3 года назад

    Encore simple et efficace ! Effectivement, cette méthode nous ouvre bien des possibilités :) Thanks !

  • @Cyrill770
    @Cyrill770 7 месяцев назад

    Merci pour ton aide !
    je pensais que mettre en lien les fichier ttf ou otf sur le style.css suffisaient d'ailleur çà fonctionnait en local, mais pas sur le réseau (pour mon cas), tu m'as dénoué un nœud merci ;)

  • @sckya
    @sckya Год назад

    Merci beaucoup! Ta vidéo est juste parfaite

  • @PNKTC.
    @PNKTC. 2 года назад +1

    Merci cela m'a beaucoup aidé.

  • @CmoiAloa
    @CmoiAloa 2 года назад

    Merci pour ce tuto super clair, je viens de réussir mon exercice :-), par contre mon VSCode ne me permet pas de créer de nouveau dossier, est ce que c'est une fonction qui a été supprimée ou c'est un paramètre à régler ? Merci pour ton aide

  • @marjoriefievet9553
    @marjoriefievet9553 2 года назад

    Merci pour cette vidéo ! Elle est tellement claire que coder semble simple. Est-il possible d'utiliser une police personnalisée dans un bas de mail html ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Merci!
      Malheureusement les mails ont une façon de fonctionner différente des pages webs.
      Ce qu’on peut utiliser dans ces derniers est très réduit.
      Néanmoins je pense que c’est possible, mon logiciel de mail (Mailchimp) me propose plusieurs polices automatiquement

  • @aliounefalikousoumahoro8757
    @aliounefalikousoumahoro8757 2 года назад +1

    Super vidéo

  • @RagnarTheRipper
    @RagnarTheRipper 2 года назад

    Je m'abonne directement.

  • @RagnarTheRipper
    @RagnarTheRipper 2 года назад

    Merci, merci , merci et merci infiniment.

  • @anass9772
    @anass9772 2 года назад +2

    Je trouve pas le fichier ott et otf quand je dois le mettre sur Font Squirel , dommage que tas couper cette parti au montage

  • @bonjourjourbon5675
    @bonjourjourbon5675 4 года назад +2

    Trop merci ;)

  • @vincentcadeau8998
    @vincentcadeau8998 3 года назад +1

    pour un site sur wordpress, dans quel dossier du ftp je met le dossier file ? et comment je l'appelle après dans le @font-face ?

    • @neflo8865
      @neflo8865 3 года назад

      tu dois pouvoir appliquer cette règle dans le css je crois

  • @arcyberofficiel2126
    @arcyberofficiel2126 3 года назад

    bon tuto merci

  • @ismablk
    @ismablk 2 года назад

    Je n'arrive pas à le faire sur Notepad++, je voudrais savoir quel est votre logiciel pour que je puisse le faire s'il vous plaît

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Bonjour, c'est VS Code

    • @ismablk
      @ismablk 2 года назад

      Merci énormément, maintenant ça marche ! Je vais enfin pouvoir faire mon site sur Splatoon !!!!!

  • @houssambourkane2852
    @houssambourkane2852 4 года назад +2

    quand je télécharge un font-family et que j'ouvre le winrar je trouve .tff il n'y a aucun dossier

  • @soribakaba7366
    @soribakaba7366 3 года назад

    Merci beaucoup

  • @robino8589
    @robino8589 4 года назад +1

    Est-ce que tous les navigateurs acceptent ce genre de font parce que je sais que si tu utilises Google font il y a soucis mais là je ne sais pas

    • @EcoleduWeb
      @EcoleduWeb  4 года назад +1

      Bonne remarque, aujourd'hui tous les navigateurs acceptent les .woff mais ce n'était pas le cas il y a encore quelques années.

    • @EcoleduWeb
      @EcoleduWeb  4 года назад +1

      Cf Can I use : caniuse.com/#search=woff

    • @robino8589
      @robino8589 4 года назад +1

      @@EcoleduWeb Ok bah c'est nickel tout ça :D Merci.

  • @didierarvouet7211
    @didierarvouet7211 2 года назад

    Bonjour et merci pour cette vidéo...👍 J'ai réussi du premier coup à importer une police dans mon projet. Un peu de galère après pour la mettre sur tous les textes mais c'est bon maintenant...
    Petite question : si je veux en rajouter une 2ème (pourquoi faire simple quand on peut faire compliquer 😄), je pensais créer 2 dossiers (1 par police) dans le font, mais après dans le "style css" faut-il créer 2 " @font-face " et les nommer @font-face1 et @font-face2 pour les différencier ou juste le fait de remplir avec chacun leur police respective cela suffit?
    J'espère être clair dans ma demande et merci par avance pour ta réponse.

  • @u.tassinari2916
    @u.tassinari2916 3 года назад

    il y a des site ou il y a un dossier font avec des .otf cela marche aussi avec le même genre de fonction ?

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      Si ils proposent un dossier déjà fait je pense que oui :)

  • @ichigo3340
    @ichigo3340 Год назад

    merciii :)))

  • @FallenKeys7001
    @FallenKeys7001 Год назад

    Il n’y a rien à ajouter dans le fichier html comme c’est le cas pour une police de Google font avec : « link rel =« par exemple ?

  • @positivemindconstructions7442
    @positivemindconstructions7442 4 года назад +1

    cool merci.

  • @simonnaulet2118
    @simonnaulet2118 3 года назад +3

    Moi ça ne fonctionne pas... J'ai tout fait pareil...j'ai bien mis dans mon style.css le font style puis j'ai bien référencé avec font/ dans le chemin d'accès.. je met dans mon h1 : font-family : le nom de ma police que j'ai copié mais rien ne change..

    • @informatikart1502
      @informatikart1502 3 года назад

      on est deux ! moi ça marche pas je suis revenu a font-awesome de google

    • @diamondsky6605
      @diamondsky6605 3 года назад +1

      Vérifiez bien de sortir tout les fichiers décompressés du dossier webfontkit pour les mettre dans le dossier font

    • @jbcampbell92
      @jbcampbell92 3 года назад

      Ta réussi?

  • @lilouachab57
    @lilouachab57 3 года назад

    Merci Merci Merci

  • @gautekillfr5344
    @gautekillfr5344 2 года назад

    C'est quoi l'intérêt de transformer le fichier ttf en fichier woff ?

  • @sahelhaouchet350
    @sahelhaouchet350 4 года назад

    T'es un dieu vivant!!

  • @agape6524
    @agape6524 Год назад

    moi ca marche pas ca me met fichier introuvable, pourtant j'ai tout bien fait et tout essayé pour mettre le bon chemin. personne n'est foutu de donner les tips pour aider ca rend fou

  • @Lawstep
    @Lawstep Год назад

    boss

  • @anass9772
    @anass9772 2 года назад

    Le Font Squirel generator fonctionne plus

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Il y en a d’autres qui existent, il suffit de faire une recherche Google

    • @anass9772
      @anass9772 2 года назад

      @@EcoleduWeb oui j'ai signalé pour les nouvelles personnes sur la vidéo

  • @debugmods
    @debugmods Год назад

    juste comment on fait si on code avec le bloc notes 🤨🤨

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      On arrête de coder avec le bloc-notes.

  • @alyyarra8101
    @alyyarra8101 3 года назад

    ca m'a vraiement plus de voir la video avant je galerais

  • @RagnarTheRipper
    @RagnarTheRipper 2 года назад

    Tu viens de me dépanner, j'etais bloque dans ma formation.

  • @tikittok9106
    @tikittok9106 3 года назад

    Vous allez trop vite...! 😰

    • @EcoleduWeb
      @EcoleduWeb  3 года назад +3

      Ce n'est qu'une simple suite d'instructions ici, il n'y pas vraiment de chose à comprendre ;)
      Et tu peux réduire la vitesse de la vidéo

  • @zarakikenpachi1238
    @zarakikenpachi1238 4 года назад

    Merci beaucoup pour la video est ce que tu saurais comment le mettre sur Django ?
    voila mon code :
    SUR LE CSS
    {%load static%}
    @font-face {
    font-family: 'juliette_gardenregular';
    src: "{%static 'font/juliette_garden-webfont.woff2'%}" format('woff2'),
    "{%static 'font/juliette_garden-webfont.woff$'%}" format('woff');
    font-weight: normal;
    font-style: normal;
    }
    .AZZ{
    font-family: 'juliette_gardenregular';
    display:inline;
    position:fixed;
    top:20px;
    left:20px;
    }
    et le Html :
    AZZ

    • @EcoleduWeb
      @EcoleduWeb  4 года назад

      Je peux pas t'aider sur ce coup là!

    • @zarakikenpachi1238
      @zarakikenpachi1238 4 года назад

      @@EcoleduWeb J ai trouve la solution
      Voila le liens, si jamais quelqun a le meme probleme ou tu veux faire du djago :)
      stackoverflow.com/questions/21346045/django-new-fonts