Hi -
I'm adapting the theme from my personal website to posterous to give
the appearance of seemless integration.
My current beta site is http://beta.davidlday.com
The theme, called PageOne, comes from StyleShout:
http://www.styleshout.com/templates/preview/PageOne10/index.html My posterous template references the common css from the theme hosted
on my site.
The theme include custom fonts, and has the following in the CSS:
/* ------------------------------------------------
CUSTOM WEB FONTS
--------------------------------------------------*/
@font-face {
font-family: 'MerriweatherRegular';
src: url('fonts/merriweather-regular-webfont.eot');
src: url('fonts/merriweather-regular-webfont.eot?#iefix')
format('embedded-opentype'),
url('fonts/merriweather-regular-webfont.woff') format('woff'),
url('fonts/merriweather-regular-webfont.ttf') format('truetype'),
url('fonts/merriweather-regular-webfont.svg#MerriweatherRegular')
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MerriweatherBold';
src: url('fonts/merriweather-bold-webfont.eot');
src: url('fonts/merriweather-bold-webfont.eot?#iefix')
format('embedded-opentype'),
url('fonts/merriweather-bold-webfont.woff') format('woff'),
url('fonts/merriweather-bold-webfont.ttf') format('truetype'),
url('fonts/merriweather-bold-webfont.svg#MerriweatherBold')
format('svg');
font-weight: normal;
font-style: normal;
}
However, it doesn't look to me as if the custom fonts are being used.
I even updated the CSS and put it directly in the posterous template:
/* ------------------------------------------------
CUSTOM WEB FONTS
--------------------------------------------------*/
@font-face {
font-family: 'MerriweatherRegular';
src:
url('http://beta.davidlday.com/css/fonts/merriweather-regular-webfont.eot');
src:
url('http://beta.davidlday.com/css/fonts/merriweather-regular-webfont.eot?#iefix')
format('embedded-opentype'),
url('http://beta.davidlday.com/css/fonts/merriweather-regular-webfont.woff')
format('woff'),
url('http://beta.davidlday.com/css/fonts/merriweather-regular-webfont.ttf')
format('truetype'),
url('http://beta.davidlday.com/css/fonts/merriweather-regular-webfont.svg#MerriweatherRegular')
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MerriweatherBold';
src:
url('http://beta.davidlday.com/css/fonts/merriweather-bold-webfont.eot');
src:
url('http://beta.davidlday.com/css/fonts/merriweather-bold-webfont.eot?#iefix')
format('embedded-opentype'),
url('http://beta.davidlday.com/css/fonts/merriweather-bold-webfont.woff')
format('woff'),
url('http://beta.davidlday.com/css/fonts/merriweather-bold-webfont.ttf')
format('truetype'),
url('http://beta.davidlday.com/css/fonts/merriweather-bold-webfont.svg#MerriweatherBold')
format('svg');
font-weight: normal;
font-style: normal;
}
No luck.
Are we only allowed custom fonts via TypeKit, or am I simply doing this wrong?
Thanks!
- David.