This page is a demonstration of additions to @font-face syntax techniques, most notably from bulletproof @font-face syntax and Mo’ Bulletproofer @Font-Face CSS Syntax.

Original Bulletproof Syntax (OBS)

@font-face { font-family: bulletproof; src: url('Delicious-Roman.eot'); src: local('Delicious-Roman'), url('Delicious-Roman.otf') format("opentype"); }

OBS + font-variant: small-caps

@font-face { font-family: bulletproof-sc; font-variant: small-caps; src: url('Delicious-SmallCaps.eot'); src: local('Delicious-SmallCaps'), url('Delicious-SmallCaps.otf') format("opentype"); }

OBS + font-weight: bold

@font-face { font-family: bulletproof-bold; font-weight: bold; src: url('Delicious-Bold.eot'); src: local('Delicious-Bold'), url('Delicious-Bold.otf') format("opentype"); }

OBS + font-style: italic

@font-face { font-family: bulletproof-italic; font-style: italic; src: url('Delicious-Italic.eot'); src: local('Delicious-Italic'), url('Delicious-Italic.otf') format("opentype"); }