Подключать дополнительные @font-face тут есть два варианта, либо подключать остальные шрифты под новым именем, или с тем же именем но с уточнением их начертания. То есть, например bold, можно подключить так: @font-face { font-family: 'CenturyGothicBold'; src: url('CenturyGothicBold.eot'); src: url('CenturyGothicBold.woff') format('woff'), url('CenturyGothicBold.ttf') format('truetype'), url('CenturyGothicBold.svg') format('svg'); font-weight: normal; font-style: normal; } Или так @font-face { font-family: 'CenturyGothic'; src: url('CenturyGothicBold.eot'); src: url('CenturyGothicBold.woff') format('woff'), url('CenturyGothicBold.ttf') format('truetype'), url('CenturyGothicBold.svg') format('svg'); font-weight: bold; font-style: normal; } в первом случае вам придется для каждого конкретного случая указывать целый шрифт, а во-втором вы можете указать общее имя шрифта везде где нужно, и уточнять в конкретных местах начертание за счет font-weight:bold;