链接到Css样式表不会实现字体族



我有一个母版页,我想从样式表中使用@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" />

但是字体没有改变。这怎么不起作用?如果有人在这方面帮助我,我将不胜感激。

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

  1. 在CSS文件(如skin.CSS)中定义您的字体,如下所示:

@font-face { font-family: Vera-Bold; font-weight: normal; src: url('Bootstrap/dist/fonts/Vera-Bold.ttf') format('truetype'); }

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

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

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

  2. 使用您的字体。

最新更新