font-family在html中不起作用

时间:2017-01-31 09:18:10

标签: html css

我的style.css如下。

    body {
         font-family:'Gungsuh', sans-serif;
         font-weight:400px;
         -webkit-font-smoothing: antialiased;
         font-size:14px;
         color:#888;
         }
       table {
       border-collapse: collapse;
       border-spacing: 0;
       }

但我的网站是“Helvetica Neue”,Helvetica,Arial,sans-serif 为什么我有错误? 请帮帮我..

1 个答案:

答案 0 :(得分:0)

您确定已导入要使用的字体吗?

还有另一个错误。字体粗细不需要px,只需使用font-weight:400;

编辑:

你必须下载4种不同类型的字体,让它适用于每个设备:eot,woof,woof2,ttf。

您必须在CSS中包含此代码:

@font-face {
  font-family: '**YourFontWoopie**';
  src: url('webfont.eot');
  src: url('webfont.eot?#iefix') format('embedded-opentype'),
  url('webfont.woff2') format('woff2'),
  url('webfont.woff') format('woff'),
  url('webfont.ttf')  format('truetype'),
}

使用您已下载的字体名称更改webfont。 每当您想要使用该字体时,只需键入:

p{
font-family:**YourFontWoopie**;
}