在css中使用自定义字体？

Question

有人可以请求帮助，我正在尝试在我已下载的css中生成自定义字体。

我一直在阅读这段代码应该有用，但我想我可能会做错了。

我的字体名为：ShadowsIntoLight.ttf

我正在努力使其成为我的div social_header的字体系列。

这是我的代码：

@font-face {
    font-family: ShadowsIntoLight;
    src: url('assets/fonts/ShadowsIntoLight.ttf');
}

social_header {
font: 100% 'ShadowsIntoLight', Arial, Helvetica, sans-serif;
font-size:12px;

}

Answer 1

看起来您没有正确识别social_header div。有多种方法可以做到这一点，但有些样本如下。

如果social_header是ID：

#social_header { ... }

如果social_header是一个类：

.social_header { ... }

Answer 2

在HTML的头部输入此代码：

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>

的CSS：

font-family: 'ShadowsIntoLight', Arial, Helvetica, sans-serif;

Answer 3

首先，检查你的ttf的路径， 试试这个：

.social_header {
    font-size:  12px;
    font-family: ShadowsIntoLight, Arial, Helvetica, sans-serif ; 
}