链接到Css样式表并不实现font-family

时间:2015-02-15 06:25:02

标签: font-face

我有一个母版页,我想从样式表中使用@font-face属性到我的字体。我在Vera-Bold.ttf内有一个名为fonts/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" />

但字体没有改变。这怎么不行?如果有人帮助我,我将感激不尽。

1 个答案:

答案 0 :(得分:0)

如果您按照以下说明操作,那么您将得到答案。

  1. 在CSS文件(如skin.css)中定义字体,如下所示:
  2. @font-face { font-family: Vera-Bold; font-weight: normal; src: url('Bootstrap/dist/fonts/Vera-Bold.ttf') format('truetype'); }

    小心你的亲戚地址。此地址是相对于您的字体文件的位置skin.css

    1. 将您的CSS文件链接到<head>部分。

      例如:<link href="skin.css" rel="stylesheet" type="text/css" />

    2. 使用您的字体。