我是否正确使用@font面部?

时间:2016-06-11 01:28:42

标签: html css

任何人都可以告诉我为什么我似乎无法在我的网站上使用字体

CSS

@fontface {
    font-family: Summer;
    src: url(/font/CodePredators-Regular.ttf);
}

p { 
     color: #000000;
     font-size: 1em;
     font-family: Summer, Tahoma, "Tungsten Bold", Arial, sans-serif;
}
<p>this is a test</p> 

我实际上尝试了其他一些“方法”,但似乎没有任何效果 我甚至试图将字体上传到根文件夹,以使网址路径更容易

没有给出

也许如果我看到一些不同的代码,它会有所帮助

1 个答案:

答案 0 :(得分:1)

你有一个错字,错过了@Font和Face之间的-

无论如何,他应该如何正确使用@font-face(使用Google字体样本)

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
p {
  color: #000000;
  font-size: 1em;
  font-family: 'Open Sans', Tahoma, "Tungsten Bold", Arial, sans-serif;
}
<p>this is a test</p>