HTML CSS - 自定义字体答案

【问题标题】：HTML CSS - custom fontsHTML CSS - 自定义字体
【发布时间】：2016-06-20 17:37:27
【问题描述】：

我找到了一个允许我下载网络字体的服务： https://www.fontsquirrel.com/fonts/daniel

我不是网络开发人员，但我正在帮助某人找出问题所在。

这是一个使用自定义字体的网站：http://senschild.com

我已经实现了：

@font-face{

font-family: 'Daniel-Regular';

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot');

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') format('eot'),

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.woff') format('woff'),

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.ttf') format('truetype'),

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.svg#webfont') format('svg');

}

但这对我不起作用。字体仍然是页面上的系统。

我也做了什么：

我还按照您的说法修复了这个部分并修复了这部分'../，因为我们不需要像 Maneesh 所说的那样向上移动。我还通过删除 font-family:JakobCTT; 来编辑 css；从身体，但仍然无法正常工作。我什至添加了英文单词，假设字体仅适用于英文字符。

【问题讨论】：

您是否确保网址指向正确的位置？我没有看到您提供的链接的资源中加载了任何字体。请记住，.. 表示上移一个文件夹，因此如果您在 HTML 页面中添加了此代码，则需要引用 fonts/[FILE_URL_HERE]
@Maneesh 确实感谢，刚刚修复它，但仍然无法正常工作。
senschild.com 在这里我找不到字体和相关字体系列。
@GermanoPlebani 刚刚更新了它，但还是不行
这里有很多解决方案：stackoverflow.com/questions/30442319/…

标签： html css fonts

【解决方案1】：

如Failed to decode downloaded font 所示，您使用的字体文件似乎已损坏。在https://www.fontsquirrel.com 上使用webfont 生成器之前，我曾多次遇到过这个问题。

编辑： 如果您下载 .OTF 文件并使用 https://www.web-font-generator.com/ 生成网络字体，它似乎可以正常工作。

【讨论】：

【解决方案2】：

这是您的解决方法：将样式添加到要为其应用字体的 html 元素。如果您希望字体应用于整个网页，则在 html 或 css 中为 body 标签添加以下样式。

font-family: 'Daniel-Regular';

试试这个：

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?#iefix')

而不是

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix')

应该有一个?#iefix 而不仅仅是一个?iefix

【讨论】：

谢谢，我也按照你的说法修复了这个，并修复了这部分'../，因为我们不需要像 Maneesh 所说的那样向上移动。我还通过删除 font-family:JakobCTT; 来编辑 css；从身体，但仍然无法正常工作。我什至添加了英文单词，假设字体仅适用于英文字符。
@MatrosovAlexander 尝试删除 #iefix 部分并检查。这也可能奏效。