Question

字体不起作用

这是CSS代码

@font-face {
  font-family: 'Soolidium', sans-serif;
  font-style: normal;
  src:url(http://localhost/changingCinema/font/Soolidium.ttf) format('truetype');
}

heading
        {
            float:left;
            width:100%;
            margin-bottom:10px;
            font-size:54px;
            font-family: 'Soolidium', sans-serif;}

这是HTML

<heading>My heading</heading>

仅在我在窗口中安装此字体时才有效。

快速帮助我，谢谢你。

Answer 1

在字体外观设置字体系列名称

中

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~:/?#[]@!$&'()*+,;=%

对于所有浏览器支持，您必须从不同的字体文件中提供url。（.eot / .woff / .TTF / .SVG）

Answer 2

首先请确保将@ font-face放在任何其他样式之前。

如果可能，您可能还需要为浏览器支持添加其他规则，如下所示：

@font-face {
    font-family: 'Soolidium', sans-serif;
    src: url('Soolidium.woff2') format('woff2'),
    url('Soolidium.woff') format('woff'),
    url('Soolidium.ttf') format('truetype');
}

并且一如既往地检查拼写错误或指向错误的路径。 请记住您是从CSS文件中调用此文件，因此您需要相对指向字体文件夹。

Answer 3

尝试更换：

src: url('../font/Soolidium.ttf');

使用：

coffee> redis.setbit "a",7,1
true
coffee> redis.setbit "d",4,1
true
coffee> redis.setbit "g",1,1
true
coffee> redis.setbit "h",0,1

假设您有一个名为＆＃39; font＆＃39;的文件夹。在您的根目录中使用字体＆＃39; Soolidium.ttf＆＃39;英寸

通过字体面在css中导入字体

3 个答案: