web typography study guide

Embed Custom Fonts

This headline uses a fontface called Journal.
#example { font-family: 'journal', Arial, sans-serif;}

@font-face { font-family: 'journal';
src: url('font/journal.eot'); /* IE9 Compat Modes */
src: url('font/journal?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('font/journal.woff') format('woff'), /* Other Browsers */
     url('font/journal.ttf') format('truetype'), /* Safari, Android, iOS */
     url('font/journal.svg#svgFontName') format('svg'); /* iOS */ }

Use @font-face Kit Generator to download different font formats.