我已经下载了Twitch字体,它是Twitchy.TV。我正在尝试使用它,但当我输入字体时,它无法识别它。
我想可能是因为Twitchy (.)电视。这段时间把事情搞得一团糟。
我试过把它和"“或”“放在一起。
<div class="navigation">
<div class="left">
<img src="Logo.png" id="logoImage">
<h1>TWITCH</h1>
</div>
</div>
.left h1 { font-size: 22px; color: #fff; font-family: Twitchy.TV; }
发布于 2019-08-03 14:22:57
你在你的CSS中包含@font-face
声明了吗?
现在在网络上使用字体最好的格式是.woff
或woff2
文件,如果你没有这种格式的字体,有很多网络字体转换器可用。
@font-face {
font-family: 'Twitchy.TV';
src: url('Twitchy.TV.woff2') format('woff2'),
url('Twitchy.TV.woff') format('woff')
}
(假设在名为Twitchy.TV.woff
和/或Twitchy.TV.woff2
的样式表所在的目录中有字体文件)
如果您只是在开发期间测试字体并将其安装在本地,您可以指定一个本地安装,如下所示:
@font-face {
font-family: 'Twitchy.TV';
src: local('Twitchy.TV');
}
然后,您可以像这样使用它:
.left h1 {
font-family: 'Twitchy.TV';
}
发布于 2019-08-03 14:10:09
如果字体来自外部源,请确保已导入该字体!
如果已下载该字体,请确保已将其添加到计算机的字体系列列表中。这可以在控制面板中完成。
发布于 2019-08-03 14:20:37
您需要使用@ font -face导入CSS顶部的字体。这允许您在您的网站中使用非websafe字体。src: url
可以是本地存储中的路径,也可以是外部站点上的路径。
@font-face {
font-family: "Twitchy.TV";
src: url("path/to/font.ttf");
}
您可以像这样使用字体
.left h1 {
font-family: "Twitchy.TV";
}
https://stackoverflow.com/questions/57339073
复制相似问题