Difference between revisions of "SUNScholar/Theme/Fonts"

From Libopedia
Jump to navigation Jump to search
m
m
Line 2: Line 2:
 
  '''[[SUNScholar/Theme|Back to Theme]]'''
 
  '''[[SUNScholar/Theme|Back to Theme]]'''
 
</center>
 
</center>
 
+
===Customisation===
 +
#Created a fonts folder in the theme folder.
 +
#Uploaded Ubuntu fonts to the font folder.
 +
#Added the following to the '''reset.css''' file.
 
<pre>
 
<pre>
 
@font-face {
 
@font-face {

Revision as of 13:29, 19 August 2014

Back to Theme

Customisation

  1. Created a fonts folder in the theme folder.
  2. Uploaded Ubuntu fonts to the font folder.
  3. Added the following to the 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