2016-11-14 9 views
-1

私は電子メールテンプレートを作成しており、私はそれに適したフォントを見つけようとしています。ユーザのマシンにインストールされている適切なフォントを見つける方法は?

私の問題は、@ font-face AT ALL(sendgridを使用して取り除いたもの)を使用できないということです。 @ font-faceを使わずに、フォントファミリでユーザのマシンにインストールしてアクセスできるようにする必要があります。

適切なフォントを使用するにはどうすればよいですか?また、一部のメールクライアントでは許可されていないため、Javascriptを使用できません。

+1

可能な複製(http://stackoverflow.com/questions/3597682/how-to-iterate-the-installed-fonts -using-javascript) – Liam

+1

Tl; Drあなたは本当にできません – Liam

+0

http://www.cssfontstack.com/ – Turnip

答えて

1

「インストールされているマシン数」を確認したい場合 - これは単純に不可能です&正しいアプローチでさえも。

正しいアプローチ(安全なウェブフォント)は、ユーザーからプリインストールされたフォントを取得するためにlocal()を使用する(Windows/MACプリインストール)ユーザーからローカルマシン@font-faceフェッチフォントを使用することであろう。

font-face { 
    font-family: 'myFont'; 
    src: local('Verdana'); 
    src: local('Arial'); 
    src: local(sans-serif); 
    //result would be - font-family: 'Verdana', 'Arial', sans-serif; 
} 

フォントが引っ張られているところから、すべてのWindowsユーザーのマシンでの場所は次のとおりです。

C:\Windows\Fonts 

フォントが引っ張られているところから、すべてのMacユーザーのマシンでの場所は次のとおりです。

/Library/Fonts/ 

その他のプリインストールフォントもここに表示されます。 sendgridがストリッピングされた場合

あなたはこれらの中からチェックすることができ、Windowsの& MACにプリインストールされているすべての一般的なフォントが

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

http://web.mit.edu/jmorzins/www/fonts.html

を更新し、すべてのあなたを埋め込みスタイルは、要素/本体の代わりにインラインスタイルを使用します。

<body style="font-family: 'myFont'; src: local('Verdana');">...</body> 

はそこにインラインCSSにあなたの埋め込まれたCSSを変換することも、いくつかの良いインライン化があります。

Zurbメールインライナー - [?JavaScriptを使用してインストールされているフォントを反復する方法]のhttp://foundation.zurb.com/emails/inliner.html

+0

@ font-faceはsendgridのコードから削除されています。フォントファミリでローカルを使用することはできますか? – Arnold

+0

@ font-faceは、フォントの定義方法を定義することなく、フォントの定義に使用されます。なぜ、フォント面を作成するのではなくても、あなたの体に直接 'font-family:cursive;これも機能します。このことからあなたを止めるのは何ですか? –

+0

私は一緒に続くデザインがあるので、フォント自体は本当に重要です。 – Arnold

関連する問題