I still can't get it going. Here's my worksheet using the default 'Blackcandy' theme. Theme is fresh from SS unzip (no edits/changes). Firefox & Chrome closed and cache reset each time. The font I'm working with is: http://www.google.com/webfonts/family?family=IM+Fell+English#description (IM Fell English) webfont. Am I using the wrong file for style selector changes? Any suggestions where I'm messing it up?
1. Make @font-face kit: http://www.fontsquirrel.com/fontface/generator (unzip)
2. Make folder: fonts & add fonts from @font-face kit
3. Edit: stylesheet.css to add address.
ie.
@font-face {
font-family: 'IMFELLEnglishPRORegular';
src: url('http://www.*****.com/themes/blackcandy/fonts/imfeenrm29c-webfont.eot');
src: url('http://www.*****.com/themes/blackcandy/fonts/imfeenrm29c-webfont.eot?iefix') format('eot'),
url('http://www.*****.com/themes/blackcandy/fonts/imfeenrm29c-webfont.woff') format('woff'),
url('http://www.*****.com/themes/blackcandy/fonts/imfeenrm29c-webfont.ttf') format('truetype'),
url('http://www.*****.com/themes/blackcandy/fonts/imfeenrm29c-webfont.svg#webfont0RamDHmw') format('svg');
font-weight: normal;
font-style: normal;
4. Upload: stylesheet.css to /themes/blackcandy/css/ folder
5. Upload: fonts folder to /themes/blackcandy/ folder
6. Open: /css/layout.ss
Add: '@import url("stylesheet.css");' at top
ie. /**
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Main Layout File
*/
/* Misc Styles and defaults
-------------------------------------------- */
'@import url("stylesheet.css");'
* {
margin: 0;
padding: 0;
}
7. Change (h2), as shown on "Home" on index.php, to 'IMFELLEnglishPRORegular'.
- ie. Open /themes/blackcandy/css/typography.css, edit
.typography h2 {
color: #4EA3D7;
margin: 0 0 18px 0;
font-weight: 300;
font-family: 'IMFELLEnglishPRORegular', Verdana, sans-serif;
}