2013-03-21 74 views
2

是否可以使用Highcharts導出導入的字體
(如Google webfonts或自己的.ttf字體)?導入的字體和Highcharts JS導出

正如你可以在這個fiddle

看到,如果你嘗試導出它使用標準字體。

title: { 
    style: { 
     color: '#000', 
     fontFamily : 'Patrick Hand SC' 
      } 
     } 

我也嘗試過使用本地.ttf字體,但我無法更改導出字體。

回答

3

首先你應該明白爲什麼它不起作用。

如果您在網站上使用字體,瀏覽器會嘗試查找您計算機上安裝的或使用@ font-face導入的給定名稱的字體。

但是,當您導出圖表時,Highcharts採用SVG代碼,將其發送到服務器服務器,將SVG圖像柵格化爲jpg,png或其他格式,然後發回給您。

現在的問題是您的自定義字體在服務器上缺失,並且您不能在此處使用@ font-face。唯一的方法是在服務器上安裝字體,但由於您使用的是默認的Highcharts導出服務器,因此您無法在其中安裝任何內容。

你可以做的是設置你自己的導出服務器並安裝你需要的字體。

+0

好的,謝謝你的解釋!我認爲這會是這樣的,但我不確定!我會嘗試設置我自己的導出服務器,然後! – tdhulster 2013-03-25 14:17:51

+1

我不確定這是多麼準確的答案是,我正在使用.NET解決方案與相關的.dll文件在這裏找到https://github.com/imclem/Highcharts-export-module-asp.net/blob/ master/Exporting_Demo_website/Default.aspx - 問題仍然存在,即使我將字體安裝在運行網站的同一臺計算機上。它在屏幕上顯示正確的字體,但不在導出中。我真的很想看到一個有效的例子。 – Rich 2014-11-07 15:19:42