Home › Forums › CSS › @font-face integration › Re: @font-face integration
March 24, 2011 at 6:26 pm
#53905
TheDoc
Member
Use this tool: http://www.fontsquirrel.com/fontface/generator
Declare them both:
@font-face {
font-family: 'Font1';
src: url('fonts/Font1-webfont.eot?') format('eot'),
url('fonts/Font1-webfont.woff') format('woff'),
url('fonts/Font1-webfont.ttf') format('truetype'),
url('fonts/Font1-webfont.svg#webfontdSscXrwb') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Font2';
src: url('fonts/Font2-webfont.eot?') format('eot'),
url('fonts/Font2-webfont.woff') format('woff'),
url('fonts/Font2-webfont.ttf') format('truetype'),
url('fonts/Font2-webfont.svg#webfontdSscXrwb') format('svg');
font-weight: normal;
font-style: normal;
}
h1 { font-family: Font1; }
h2 { font-family: Font2; }