2012-01-25 7 views
2

Google Webフォント(Open Sans)のフォントに「フォールバック」したい場合は、 helveticaがインストールされている、これを行う簡単な方法はありますか?ユーザーがhelveticaなどをインストールしていない場合にGoogleウェブフォントにフォールバックする方法

私の考えは、ユーザーがフォントをダウンロードしなければならないということです。たとえば、Macユーザーの場合、フォントをダウンロードする必要はありません。

例えば、このようなもの、可能な場合:また

font-family: HelveticaNeue-Light, 'Open Sans Light', Arial; 

、ArialのSANを/開くために戻って落下することがあるとき、私は、ヘルベチカの特定の光バージョン「ヘルベチカノイエライト」を使用していますので、ウェイトがフォールバックフォントにのみ適用されるようにフォントウェイトを指定する方法は?それは次のことですか?

h1 { font-family: HelveticaNeue-Light, Arial; font-weight: 400; } 
+0

Google Font APIを使用している場合は、そうする必要があります。ユーザーにフォントがあるかどうかを判断する必要があります。 – Nitroware

+0

しかし、Google Webフォントにはライセンスのためにhelveticaが含まれていないため、別の重量の別のフォントに置き換えてもらいたいです。簡単に可能ですか? – Chris

答えて

4

すでにフォントを持っているクライアントが別のソースからそれをダウンロードしないようにあなたは、@font-face src property内のフォントへのローカルパスを指定することができます。私はそれがブラウザ間でどの程度うまくサポートされているかわかりませんが、フォントフェイスをサポートしているブラウザであれば動作します。

@font-face { 
    font-family: Helvetica; 
    src: local(Helvetica), url(/path/to/Helvetica.ttf); 
} 
+1

オープンサン(または別のフォント)にフォールバックすることができますか?私は単に私のサイトにhelveticaをアップロードすることはできません... – Chris

+0

はい、 'url()'にどんなフォントを指定しても、指定されたフォントがローカルにない場合に使用されるものになります。 – animuson

関連する問題