无法在网站上加载自定义字体

时间:2015-11-16 19:36:04

标签: css web fonts font-face

我正在使用@ font-face尝试在我的网站上加载自定义字体,至少在google chrome上。

但是,我很难这样做......任何人都可以帮忙吗?



<style type="text/css">
@font-face {
  font-family: Folks;
  url(http://www.vtxfactory.com/Folks-Normal.ttf) format('truetype'),
}
body {
  background-color: #000000;
  text-align: center;
  color: #FFF;
  font-family: Folks;
}
</style>
&#13;
&#13;
&#13;

字体名称为&#34; Folks&#34;但我只使用&#34; Folks-Normal&#34;因为我不使用粗体版本。该字体已在定向网址源上分配。

您可以在http://www.vtxfactory.com/上看到,当您输入时,font-family会更改为Times New Roman并且不会加载我的自定义字体。

最诚挚的问候, Rui Farinha。

2 个答案:

答案 0 :(得分:2)

我认为你最后错过了必需的 src 属性和分号:

@font-face {
  font-family: Folks;
  src: url('http://www.vtxfactory.com/Folks-Normal.ttf') format('truetype'); //<-- semicolon
}

答案 1 :(得分:1)

将CSS中的网址更改为路径

def __gen(exp):
    for x in exp:
        yield x**2
g = __gen(iter(range(10)))
print g.next()

您也可以使用此服务 http://www.font2web.com/