node.js – 在ghost安装上引用@fontface

2023年2月16日 192次阅读

我刚刚使用
http://fontello.com/生成了一个个性化的字体

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

>我在文件夹/ content / themes / [theme name] / assets / fonts中添加了生成的字体文件的完整文件夹
>我从default.hbs中引用了主.css文件

像这样：

<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

最佳答案 可能我迟到了这个问题,但值得一试！

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

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

这适合我！

点赞