Question

生成了个性化字体

当我尝试在我的Ghost安装上引用它时，文件总是返回404.这就是我所做的：

我在文件夹/ content / themes / [theme name] / assets / fonts
我从default.hbs

像这样：

<link rel="stylesheet" type="text/css" href="{{asset "fonts/custom_webfont.css"}}">

此.css文件有一个指令，允许不同的浏览器为所服务的字体选择支持的文件类型：

@font-face {
  font-family: 'custom_webfont';
  src: url('custom_webfont.eot');
  src: url('custom_webfont.eot#iefix') format('embedded-opentype'),
       url('custom_webfont.woff') format('woff'),
       url('custom_webfont.ttf') format('truetype'),
       url('custom_webfont.svg#custom_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

当我的ghost安装上的任何页面被渲染时，它正确地在这个地址上提供CSS：

/assets/fonts/custom_webfont.css?v=594627dbc0（我假设额外的v号用于缓存目的）

但是没有提供任何字体文件。如果我尝试任何这些URL，则找不到任何内容：

http://localhost:2368/assets/fonts/custom_webfont.woff/?v=594627dbc0
http://localhost:2368/assets/fonts/custom_webfont.woff
http://localhost:2368/assets/fonts/custom_webfont.eof/?v=594627dbc0
http://localhost:2368/assets/fonts/custom_webfont.eof

Answer 1

可能我迟到了这个问题，但值得一试！

我很确定你错误地构建了这条路径。试试这样：

rel="stylesheet" type="text/css" href="{{asset}}/fonts/custom_webfont.css">

这对我有用！

在ghost安装上引用@fontface

1 个答案: