Difference between revisions of "SUNScholar/Theme/Fonts"

From Libopedia
Jump to navigation Jump to search
m
 
(2 intermediate revisions by the same user not shown)
Line 34: Line 34:
 
*http://www.fontsquirrel.com/tools/webfont-generator
 
*http://www.fontsquirrel.com/tools/webfont-generator
 
*http://www.font-face.com
 
*http://www.font-face.com
 +
*http://scholarlykitchen.sspnet.org/2015/07/24/optical-illusions-legibility-and-how-to-choose-the-right-font
 +
*http://www.imaginarycloud.com/blog/a-typography-workshop
 +
[[Category:Customisation]]

Latest revision as of 12:02, 28 May 2016

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

Retrieved from "http://wiki.lib.sun.ac.za/index.php?title=SUNScholar/Theme/Fonts&oldid=42738"