使用ConvertAPI将HTML转JPG时字体未加载的问题及解决方法

我在用ConvertAPI把HTML页面转成JPG图片，结果发现转换后的图里，我从外部CSS文件引入的自定义字体根本没加载出来。我试过直接把字体代码放到文件头部，但一开始没成功。

下面是我原本的字体加载代码，这段代码在网站其他地方都正常能用，偏偏ConvertAPI不认：

@font-face { 
  font-family: 'Graphik'; 
  src: url('../fonts/Graphik-BlackItalic.eot'); 
  src: url('../fonts/Graphik-BlackItalic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Graphik-BlackItalic.woff2') format('woff2'), 
       url('../fonts/Graphik-BlackItalic.woff') format('woff'), 
       url('../fonts/Graphik-BlackItalic.ttf') format('truetype'), 
       url('../fonts/Graphik-BlackItalic.svg#Graphik-BlackItalic') format('svg'); 
  font-weight: 900; 
  font-style: italic; 
}

有没有朋友知道怎么解决这个问题呀？

如果有其他人碰到同样的坑，我已经找到办法了：把@font-face的代码直接放到HTML文档头部的<style>标签里就行，不用放在外部CSS文件中。

代码示例：

<style> 
@font-face { 
  font-family: 'Graphik'; 
  src: url('../fonts/Graphik-BlackItalic.eot'); 
  src: url('../fonts/Graphik-BlackItalic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Graphik-BlackItalic.woff2') format('woff2'), 
       url('../fonts/Graphik-BlackItalic.woff') format('woff'), 
       url('../fonts/Graphik-BlackItalic.ttf') format('truetype'), 
       url('../fonts/Graphik-BlackItalic.svg#Graphik-BlackItalic') format('svg'); 
  font-weight: 900; 
  font-style: italic; 
} 
</style>

内容的提问来源于stack exchange，提问作者Tyra Pululi