Difference between revisions of "SUNScholar/Theme/Fonts"
Jump to navigation
Jump to search
(Created page with "<center> '''Back to Theme''' </center> ===References=== *http://design.ubuntu.com/assets/ubuntu-font-family") |
m |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
'''[[SUNScholar/Theme|Back to Theme]]''' | '''[[SUNScholar/Theme|Back to Theme]]''' | ||
</center> | </center> | ||
| + | ===Customisation=== | ||
| + | #Created a fonts folder in the Mirage 1 theme folder. | ||
| + | #Uploaded Ubuntu fonts to the font folder created above. | ||
| + | #Added the following to the Mirage 1 '''reset.css''' file. | ||
| + | <pre> | ||
| + | @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'); | ||
| + | } | ||
| + | </pre> | ||
===References=== | ===References=== | ||
| − | *http:// | + | *http://font.ubuntu.com |
| + | *https://www.google.com/fonts/specimen/Ubuntu | ||
| + | *http://typecast.com/preview/google/Ubuntu | ||
| + | *http://www.w3.org/TR/css3-fonts | ||
| + | *http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp | ||
| + | *http://css-tricks.com/snippets/css/using-font-face | ||
| + | *http://www.fontsquirrel.com/tools/webfont-generator | ||
| + | *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
- Created a fonts folder in the Mirage 1 theme folder.
- Uploaded Ubuntu fonts to the font folder created above.
- 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
- http://font.ubuntu.com
- https://www.google.com/fonts/specimen/Ubuntu
- http://typecast.com/preview/google/Ubuntu
- http://www.w3.org/TR/css3-fonts
- http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
- http://css-tricks.com/snippets/css/using-font-face
- http://www.fontsquirrel.com/tools/webfont-generator
- 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
