я хочу использовать внешний шрифт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 я поместил ссылку на эту таблицу стилей:

<h:outputStylesheet library="css" name="stylesheet.css" />

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