Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation/Typography"
Jump to navigation
Jump to search
| Line 16: | Line 16: | ||
Make sure to indent and format the insertion correctly. | Make sure to indent and format the insertion correctly. | ||
| − | ===Step 2 - Define fonts | + | ===Step 2 - Define fonts CSS=== |
Modify CSS to use the custom fonts. Check the following link: | Modify CSS to use the custom fonts. Check the following link: | ||
*https://github.com/DSpace/DSpace/blob/dspace-5.2/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss | *https://github.com/DSpace/DSpace/blob/dspace-5.2/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss | ||
| Line 28: | Line 28: | ||
$font-family-sans-serif: "Ubuntu","Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif; | $font-family-sans-serif: "Ubuntu","Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif; | ||
</pre> | </pre> | ||
| + | ===Step 3 - Define font headings CSS=== | ||
Revision as of 12:49, 26 May 2015
Back to Mirage 2 Customisation
Contents
Introduction
This wiki page has instructions on how to configure the fonts used in your custom Mirage 2 theme.
Step 1 - Define fonts reference
Modify XSL to use custom fonts. Check the following link:
This is equivalent to:
nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/xsl/core/page-structure.xsl
Go to line 194 and insert the following:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold">
Make sure to indent and format the insertion correctly.
Step 2 - Define fonts CSS
Modify CSS to use the custom fonts. Check the following link:
This is equivalent to:
nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss
Go to the bottom of the file and add the following:
$font-family: "Ubuntu","Bitstream Vera Sans","DejaVu Sans",Tahoma; $font-family-sans: "Ubuntu","Bitstream Vera Sans","DejaVu Sans",Tahoma,sans; $font-family-sans-serif: "Ubuntu","Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;
