JSF2 добавляет пользовательский шрифт в таблицу стилей css

я хочу использовать внешний шрифт WebSymbols

и поместил его в свою декларацию stylesheet.css

@font-face{ 
font-family: 'WebSymbolsRegular';
src: url('websymbols-regular-webfont.eot');
src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('websymbols-regular-webfont.woff') format('woff'),
     url('websymbols-regular-webfont.ttf') format('truetype'),
     url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

.fakeImage {
font-family: 'WebSymbolsRegular';
font-size: 12px;
text-decoration: none;
 }

Мой stylesheet.css находится в Файл META-INF/resources/css/stylesheet.css. Я поместил файлы шрифтов (eot, svg и т. д. )в тот же каталог -META-INF/resources/css. В заголовке моей jsf-страницы я поместил ссылку на эту таблицу стилей :

. Но вместо специальных символов из шрифта я получил обычный текст. Все остальные стили css работают нормально. Любая идея, как использовать собственный шрифт?