Django - de Nouvelles polices de caractères?

Comment installer de nouvelles polices de caractères avec Django? Il n'y a aucune mention de cela dans la documentation.

J'ai mes polices de caractères installées dans la statique du dossier que ces polices/abc.ttf

Par exemple, dans un modèle si c'était un CSS je me connecte en tant que tel:

    <link href="{% static 'fonts/abc.ttf' %}" rel="stylesheet" media="screen">

sauf que ce n'est pas le CSS, et je n'ai pas trouvé de ressources sur la façon de le faire.

Dois-je inclure le lien dans le fichier CSS comme?

  @font-face {
  font-family: 'abc';
  src: url({% static 'fonts/abc.ttf' %});
  src: local({% static 'fonts/abc.ttf' %})
}

Toute aide serait appréciée.

  • Que diriez-vous : src : url("../fonts/sbc.ttf") Si votre fonts répertoire se trouve dans le précédent dossier que ce fichier css ?
InformationsquelleAutor DGDD | 2014-01-25
  1. 32

    Pour la structure de répertoire comme,

    -- static
 |--fonts
 | |--abc.ttf
 |
 |--css
   |-- main.css

    Dans le main.css, vous devez l'ajouter.

    @font-face {
  font-family: 'abc';
  src: local('Abc'),
       url('../static/fonts/abc.ttf') format("truetype");
}

    Vous ne pouvez pas utiliser {% static 'filename' %} à l'intérieur d'un fichier css, car il ne sera pas rendu par le moteur de template de django.

    Également, si vous le souhaitez, vous pouvez ajouter ce qui suit dans le <head> section de base.html, et il rendra le chemin d'accès complet statique actifs:

    <style>
  @font-face {
    font-family: 'abc';
    src: local('Abc'),
         url('{% static 'fonts/abc.ttf' %} format("truetype")');
  }
</style>

    Modifier: correction de l'utilisation de local et également supprimé la préférence autour de l'emplacement de la balise style dans le html.

    • Merci pour votre aide!
    • Toujours pas de travailler pour une raison quelconque.
    • La partie locale de l'été le déclenchement de moi pour une raison quelconque. Terminé juste, y compris la police de la famille et de la src:url et cela a fonctionné.
    • vous devez utiliser un générateur de polices avec toutes les polices requises pour la croix-navigateur et de mettre le css appropriée pour eux. fontsquirrel.com/tools/webfont-generator est recommandée.
    • Je fixe le paramètre local. Il ne faut pas les suivants statique, et la ttf devrait inclure le format
    • Pouvez-vous expliquer pourquoi il n'est pas conseillé? Je peux penser à beaucoup de raisons pourquoi je veuille livrer entièrement construit en page avec les CSS dans le <head> tag.
    • url('../static/fonts/abc.ttf') Ne ../static/fonts/ besoin d'être exposé comme un parcours quelque part, par exemple urls.py ?
    • Il m'a donné un double "statiques" comme dans ../static/static/fonts/abc.ttf. Fini la suppression statique et cela a fonctionné.

    InformationsquelleAutor Saurabh
  2. 1

    Je suis en utilisant cette option pour éviter le chemin d'accès absolu et/ou css dans le html du modèle:

    @font-face {
    font-family: 'HKGrotesk';
    font-style: normal;
    font-weight: bold;
    src: local('HKGrotesk'), url('/static/fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.otf') format('opentype');
}
    InformationsquelleAutor matousc