我有一个母版页,我想从样式表中使用@font-face
属性作为我的字体。我在fonts/Vera-Bold.ttf
里面有一个叫做Vera-Bold.ttf
的字体。我使用了font-face
属性,即
@font-face {
font-family:'myFirstFont';
src: url('Bootstrap/dist/fonts/Vera-Bold.ttf') ;}
在style.css
中,我已将其作为链接到我的主页
<link href="Styles/style.css" rel="stylesheet" type="text/css" />
但是字体没有改变。这怎么不起作用?如果有人在这方面帮助我,我将不胜感激。
如果按照以下说明操作,您将得到答案。
- 在CSS文件(如skin.CSS)中定义您的字体,如下所示:
@font-face {
font-family: Vera-Bold;
font-weight: normal;
src: url('Bootstrap/dist/fonts/Vera-Bold.ttf') format('truetype');
}
小心你的亲戚地址。此地址是从字体文件的位置到skin.css
的相对地址
-
在
<head>
部分链接您的CSS文件。例如:
<link href="skin.css" rel="stylesheet" type="text/css" />
-
使用您的字体。