1

有人可以帮忙吗,我正在尝试在我下载的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;

}
4

3 回答 3

4

看起来您没有social_header正确识别您的 div。有多种方法可以做到这一点,但下面是一些示例。

如果 social_header 是一个 ID:

#social_header { ... }

如果 social_header 是一个类:

.social_header { ... }
于 2013-02-04T15:15:52.517 回答
1

首先,只需检查 ttf 的路径,然后试试这个:

.social_header {
    font-size:  12px;
    font-family: ShadowsIntoLight, Arial, Helvetica, sans-serif ; 
}
于 2013-02-04T15:47:05.340 回答
1

在 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;
于 2013-02-04T15:16:47.203 回答