SUNScholar/XMLUI Theme/M2/Customisation/Typography

Back to Mirage 2 Customisation

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:

• https://github.com/DSpace/DSpace/blob/dspace-5.2/dspace-xmlui-mirage2/src/main/webapp/xsl/core/page-structure.xsl#L194

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:

• https://github.com/DSpace/DSpace/blob/dspace-5.2/dspace-xmlui-mirage2/src/main/webapp/styles/_style.scss

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;