Google Visualization API内でカスタムCSSフォント/フォントファミリを指定するにはどうすればよいですか？

Question

Google Visualization APIを介して生成された、自分のグラフにカスタムCSSフォントを指定しようとしています。私はstyle.css内

var options = { 
    fontName : 'FranchiseRegular', 
    tooltip: { textStyle: { fontName: 'Verdana', fontSize: 12 } } 
}; 

：私は私のCSSスタイルシート内のフォントの両方をspeccing、などのGoogle fonts.googleapis.com私のGoogleの可視化APIのchartOptions内

を使用して試してみました：私の頭の中

@font-face { 
font-family: 'FranchiseRegular'; 
src: url('/_fonts/franchise-bold-webfont.eot'); 
src: url('/_fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('/_fonts/franchise-bold-webfont.woff') format('woff'), 
    url('/_fonts/franchise-bold-webfont.ttf') format('truetype'), 
    url('/_fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

タグ：だから

<link href='http://fonts.googleapis.com/css?family=Magra:400,700' 
     rel='stylesheet' type='text/css'> 

、Verdanaの呼び出しがのGreAの作品すべてのツールチップがVerdanaとして正しく表示されます。 タイトル、軸ラベル、およびグラフのラベルはすべてTimesNewRomanに追いつきます。 CSSに指定されているFranchiseRegular、またはHEADタグに指定されている Magraのいずれかで表示することをお勧めします。

私は徹底的にここにオプションを探求しています https://developers.google.com/chart/interactive/docs/gallery/bubblechart

の質問の心はあなたが私たfontNameのための適切な構文を提供してください可能性がある場合

fontName: <global-font-name> 

ための適切な構文が何であるか、ありますこれらのいずれかを達成するためにchartOptions内で、私は非常に感謝します。前もって感謝します！ :)

Answer 1

こっちに関連した答えがあります：

Font Family Selection With Google Charts?

理由は、Googleのチャートは、IFRAMEの内側に描かれているということですので、あなたがあなたの文書に設定されているすべてのスタイルはチャートには適用されません。 GoogleがこれをAPIに追加するまで、簡単な回避策はありません。

EDIT：

私はそれが古いIEの上では動作しません...周りに面白い仕事を見つけましたが、あなたに直接チャートを描画することができます、Googleの可視化APIで[非公開？]オプションがありますページ、中間iframeなし。これにより、ドキュメントで定義した任意のフォントファミリをチャートで使用できます。

オプションは "forceIFrame"で、 "options"ハッシュ（つまり、fontNameオプションと同じハッシュ）でfalseに設定したいとします。