字体-系列不变
字体-系列不变
提问于 2019-08-03 22:09:07
我已经下载了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; }回答 4
Stack Overflow用户
发布于 2019-08-03 22: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';
}Stack Overflow用户
发布于 2019-08-03 22:10:09
如果字体来自外部源，请确保已导入该字体！
如果已下载该字体，请确保已将其添加到计算机的字体系列列表中。这可以在控制面板中完成。
Stack Overflow用户
发布于 2019-08-03 22: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";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57339073
复制相关文章
相似问题
腾讯云开发者
