webフォントの表示ができず困っております。
お力添えお願いします...
webフォントを使用したく思い
/* webフォント */
@font-face {
font-family: 'typicons';
src: url("typicons.eot");
src: url("typicons.eot?#iefix") format('embedded-opentype'),
url("typicons.woff") format('woff'),
url("typicons.ttf") format('truetype'),
url("typicons.svg#typicons") format('svg');
font-weight: normal;
font-style: normal;
}
.typcn {
line-height: 1;
width: 1em;
height: 1em;
}
.typcn:before {
font-family: 'typicons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
width: 1em;
height: 1em;
font-size: 1em;
text-align: center;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.typcn-adjust-brightness::before { content: '\e000'; } /* '' */
.typcn-adjust-contrast::before { content: '\e001'; } /* '' */
.typcn-anchor-outline::before { content: '\e002'; } /* '' */
上記CSSを読み込ませ、
<p class="typcn-adjust-brightness">説明</p>
と書いても、
webフォントが表示されません。
cssにもっと、
いろいろ記述する必要があるのでしょうか??
フォントのパスについては、
間違いありません。
大変恐縮ですが、
よろしくお願いします。