Como añadir fonts personalizados dentro de un tema

De MoodleDocs

Nota del traductor: La palabra inglesa fonts significa tipo de letra, pero a menudo se traduce erróneamente como fuentes o se emplea la misma palabra fonts en español.


  • Cree un nuevo directorio (carpeta) dentro de su tema y póngale por nombre fonts. Por ejemplo: moodle/theme/sutema/fonts
  • Añádale a este directorio todos sus tipos de letra (fonts) personalizados.
  • Dentro del archivo CSS de sus temas añada lo siguiente:
   @font-face { /* en donde FontName y fontname representan el nombre del tipo de letra para añadir */
     font-family: 'FontName';
     src: url([[font:theme|fontname.eot]]);
     src: url([[font:theme|fontname.eot]]) format('embedded-opentype'),
          url([[font:theme|fontname.woff]]) format('woff'),
          url([[font:theme|fontname.ttf]]) format('truetype'),
          url([[font:theme|fontname.svg]]) format('svg');
     font-weight: normal;
     font-style: normal;
   }
   
  • Después añada el nombre de su tipo de letra en donde Usted quiera que se use ese tipo de letra en su hoja de estilo (stylesheet)
  • Por ejemplo:
   #page-header h1 { font-family: FontName;}