Diferencia entre revisiones de «Como añadir fonts personalizados dentro de un tema»

Revisión actual - 13:58 18 abr 2015

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;}

@@ Línea 1: / Línea 1: @@
-{{Pendiente de traducir}}
+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.
-    Create a new directory in your theme and call it fonts. Then add all your custom fonts in this directory.
-    eg: moodle/theme/yourtheme/fonts/
+* 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.
-    In your themes CSS file add the following:
+* Dentro del archivo CSS de sus temas añada lo siguiente:
-     @font-face { /* where FontName and fontname represents the name of the font you want to add */
+     @font-face { /* en donde FontName y fontname representan el nombre del tipo de letra para añadir */
        font-family: 'FontName';
        src: url(<nowiki>[[font:theme|fontname.eot]]</nowiki>);
@@ Línea 16: / Línea 17: @@
      }
-    Next ADD the name of your font wherever you want that font to be used in your stylesheet.
+* 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'')
-    For example:
+* Por ejemplo:
      #page-header h1 { font-family: FontName;}
-[[Category:Temas]]
+[[Categoría:Temas]]
 [[en:How to add custom fonts in a theme]]

Documentation

Diferencia entre revisiones de «Como añadir fonts personalizados dentro de un tema»

Revisión actual - 13:58 18 abr 2015