Diferencia entre revisiones de «Como añadir fonts personalizados dentro de un tema»
De MoodleDocs
(aded page) |
m (tidy up) |
||
Línea 20: | Línea 20: | ||
#page-header h1 { font-family: FontName;} | #page-header h1 { font-family: FontName;} | ||
[[Category:Temas]] | |||
[[en:How to add custom fonts in a theme]] | [[en:How to add custom fonts in a theme]] |
Revisión del 16:19 21 ene 2014
Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!. ( y otras páginas pendientes)
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/ In your themes CSS file add the following: @font-face { /* where FontName and fontname represents the name of the font you want to add */ 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; } Next ADD the name of your font wherever you want that font to be used in your stylesheet. For example: #page-header h1 { font-family: FontName;}