« Back to Index

Example font-face code

View original Gist on GitHub

font.css

@font-face {
    font-family: 'TTMegaThin';
    src: url('../Fonts/titilliumtext22l001-webfont.eot');
    src: url('../Fonts/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l001-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l001-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l001-webfont.svg#TitilliumText22LThThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTThin';
    src: url('../Fonts/titilliumtext22l002-webfont.eot');
    src: url('../Fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l002-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l002-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLtThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTRegular';
    src: url('../Fonts/titilliumtext22l003-webfont.eot');
    src: url('../Fonts/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l003-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l003-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l003-webfont.svg#TitilliumText22LRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTMedium';
    src: url('../Fonts/titilliumtext22l004-webfont.eot');
    src: url('../Fonts/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l004-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l004-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l004-webfont.svg#TitilliumText22LLtMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTBold';
    src: url('../Fonts/titilliumtext22l005-webfont.eot');
    src: url('../Fonts/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l005-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l005-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l005-webfont.svg#TitilliumText22LRgBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTMegaBold';
    src: url('../Fonts/titilliumtext22l006-webfont.eot');
    src: url('../Fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/titilliumtext22l006-webfont.woff') format('woff'),
         url('../Fonts/titilliumtext22l006-webfont.ttf') format('truetype'),
         url('../Fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXbBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'TTRegular';
}