Difference between revisions of "SUNScholar/Theme/Fonts"

From Libopedia
Jump to navigation Jump to search
m
m
Line 3: Line 3:
 
</center>
 
</center>
 
===Customisation===
 
===Customisation===
#Created a fonts folder in the theme folder.
+
#Created a fonts folder in the Mirage 1 theme folder.
#Uploaded Ubuntu fonts to the font folder.
+
#Uploaded Ubuntu fonts to the font folder created above.
#Added the following to the '''reset.css''' file.
+
#Added the following to the Mirage 1 '''reset.css''' file.
 
<pre>
 
<pre>
 
@font-face {
 
@font-face {

Revision as of 13:31, 19 August 2014

Back to Theme

Customisation

  1. Created a fonts folder in the Mirage 1 theme folder.
  2. Uploaded Ubuntu fonts to the font folder created above.
  3. Added the following to the Mirage 1 reset.css file.
@font-face {
    font-family: 'ubuntu-r';
    src: url('../../fonts/ubuntu-r-webfont.eot');
    src: url('../../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../../fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('../../fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
}

@font-face {
    font-family: 'ubuntu-b';
    src: url('../../fonts/ubuntu-b-webfont.eot');
    src: url('../../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/ubuntu-b-webfont.woff') format('woff'),
         url('../../fonts/ubuntu-b-webfont.ttf') format('truetype'),
         url('../../fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
}

References