Comment utiliser l'ordinateur moderne de la police dans les pages web?

Je ne vois jamais de l'Ordinateur Moderne de police, celui fourni par défaut de LaTeX réglage du type de système, sur n'importe quelle page web.

Comment modifier le CSS de sorte que la police fait travail?

  • Je n'ai pas entendu parler d'un navigateur qui utilise LaTeX pour la composition.
InformationsquelleAutor Chao Xu | 2011-06-25
  1. 56

    À l'aide de l'Ordinateur Moderne de la police dans les pages web est devenu très facile! Il suffit de coller les lignes suivantes de code CSS dans la section head du code html dans le but d'activer les sans-serif version de la police.

    <style type="text/css">
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunss.otf');
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsx.otf');
    font-weight: bold;
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsi.otf');
    font-style: italic, oblique;
  }
  @font-face {
    font-family: "Computer Modern";
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunbxo.otf');
    font-weight: bold;
    font-style: italic, oblique;
  }

  body {
    font-family: "Computer Modern", sans-serif;
  }
</style>

    Noter que la solution ici permet au navigateur de charger la version actuelle des polices à partir d'un CTAN miroir, qui peut être très lent. Ce n'est pas grave pour des fins de test, mais dans le long terme, je vous recommande télécharger ces .la fto fichiers sur votre propre serveur.

    • Très agréable, Holger, j'ai été en mesure de le faire. Une bonne chose aussi, serait aller à Police Écureuil font-face generator et serrez-les à partir de 2.2 Mo à 291Kb. Maintenant, je peux les avoir o site web! 🙂 Aussi, n'oubliez pas de récupérer l' .ttf, pas .la fto, à partir de la sf cm-unicode projet.
    • Bien que ma réponse a été acceptée, cette réponse est (plus) correct. Paul Irish a un article intéressant à propos de cette trop: paulirish.com/2009/bulletproof-font-face-implementation-syntax
    • Ce doit être la accepté de répondre.
    • Ce sujet serif variantes? Ce serait sympa si quelqu'un a expliqué les acronymes, de noms de fichiers
    • en passant, si jamais vous voulez vraiment vraiment comprendre les noms de fichiers découvrez ctan.org/tex-archive/fonts et de descendre jusqu'à cm/mf de l'original Knuth Ordinateur Moderne metafont fichiers (.mf), chaque metafont fichier ascii description de ce qu'il est en haut du fichier. Par exemple cmb10.mf est Computer Modern Bold Roman 10 points
    • gigaoctets si vous voulez serif, commencer avec quelque chose comme ceci @font-face { font-family: 'cmunserif'; src: url('mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunrm.otf'); font-weight: normal; font-style: normal; } body { font-family: 'cmunserif'; } vous pouvez vérifier asmaier 's réponse liens ci-dessous pour plus d'info

    InformationsquelleAutor Holger
  2. 6

    Aujourd'hui vous pouvez télécharger tout ce dont vous avez besoin (fichiers de police et css) à partir de cette page:

    http://checkmyworking.com/cm-web-fonts/

    Alors la seule chose que vous devez faire est d'ajouter les fichiers css correspondant pour la section d'en-tête de votre fichier html comme:

    <head>
    <meta charset="UTF-8" />
    <title>Test</title>
    <!-- Computer Modern Serif-->
    <link rel="stylesheet" href="fonts/Serif/cmun-serif.css"></link>
    ...
</head>
    InformationsquelleAutor asmaier
  3. 3

    vous ne pouvez pas, jusqu'CSS 2.1, vous pouvez uniquement utiliser les polices installées sur l'ordinateur du client. En CSS 3 il y a quelques façons d'incorporer les polices dans votre page web, mais ces moyens ne sont pas grandement pris en charge par les navigateurs encore.
    Jetez un oeil ici: http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm

    InformationsquelleAutor Bazzz
  4. 2

    Vous pouvez simplement insérer le https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css css feuille de style dans votre en-tête html. Comme ceci:

    <head>
  <!-- ... -->

  <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css">
  <style>
    body {
      font-family: "Computer Modern Sans", sans-serif;
    }
  </style>
</head>

    Vous pouvez utiliser la police pour la production de sites web avec n'importe quelle quantité de trafic. Les fichiers sont servis par MaxCDN est super rapide CA mondial. Il n'y a pas de limites de trafic ou de limitation.

    Le fichier README.md sur Github

    InformationsquelleAutor dreampulse
  5. 1
    @font-face {
font-family: "Computer Modern ";
src: url(ace.ttf);
}

    .cm {
    font-family: "de l'Ordinateur Moderne";
    }

    Vous avez besoin d'avoir une ttf fichier de la police.

    • "ace.ttf" n'est pas l'Ordinateur Moderne de police. Voir ma réponse à cette question.
    InformationsquelleAutor AR.