Skip to content

Instantly share code, notes, and snippets.

@richtabor
Created May 6, 2014 16:03
Show Gist options
  • Save richtabor/ab12e9ab715d3102ed46 to your computer and use it in GitHub Desktop.
Save richtabor/ab12e9ab715d3102ed46 to your computer and use it in GitHub Desktop.
Just a quick css guide of hooking in your custom loaded fonts. Simply add a fonts folder with your font files into the theme's assets folder.
@font-face {
font-family: 'FullerSansDTBold';
src: url('assets/fonts/fullersansdt-bold-webfont.eot');
src: url('assets/fonts/fullersansdt-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/fullersansdt-bold-webfont.woff') format('woff'),
url('assets/fonts/fullersansdt-bold-webfont.ttf') format('truetype'),
url('assets/fonts/fullersansdt-bold-webfont.svg#FullerSansDTBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FullerSansDTRegular';
src: url('assets/fonts/fullersansdt-regular-webfont.eot');
src: url('assets/fonts/fullersansdt-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/fullersansdt-regular-webfont.woff') format('woff'),
url('assets/fonts/fullersansdt-regular-webfont.ttf') format('truetype'),
url('assets/fonts/fullersansdt-regular-webfont.svg#FullerSansDTRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment