3

@font-face で使用するには、font-squirrel を使用して作成した WOFF ファイルに metadata.xml を追加する必要があります。

このようなWOFFファイルにmetadata.xmlを追加したい(それについてすべて説明しています):

http://www.w3.org/TR/WOFF/#appendix-a

この sfnt2woff でできると言われましたが、ユーザーフレンドリーではなく、かなり複雑です。それを行う他の方法があるかどうか疑問に思っていました（font-squirrel？他のフォントコンバーター？）

ありがとう、アロン

4

2 に答える 2

4

なぜフォントにメタデータを追加する必要があるのか​​ わかりません.metadata.xmlがなくても完全に機能します

xml ファイルは、フォント デザイナーまたはベンダーがライセンス情報やその他の情報を含めるための情報を追加するだけです。

css ファイルの先頭:

@font-face {
font-family: font_name";
src: url('fonts/font_name.eot');
src: url('fonts/font_name.woff') format('woff'),  url('fonts/font_name.ttf') format('truetype'),  url('fonts/font_name.svg') format('svg');
font-style: normal;
font-weight: normal;
}

次に例を示します。

body {
font-family: "droid sans", Verdana;
}

編集1:

どこかに myfonts というフォルダーを作成し、そのフォルダーにmetadata.xml、font.ttf (ソース フォント) 、およびsfnt2woff.exe (ここにあります: http://people.mozilla.org/~jkew/woff/sfnt2woff.exe )を配置します。

テキストファイルを作成して開き、これをその中に配置します

sfnt2woff -v 1.0 -m metadata.xml droid_sans.ttf

そのフォルダーに保存して、それを呼び出します: do-it-now.bat

フォルダーに移動し、完了したらクリックします。font.woff が表示され、metadata.xml が追加されます。

sfnt2woff の使用法:

sfnt2woff [-v <maj>.<min>] [-m <metadata.xml>] [-p <private.dat>] <otffile>
package OpenType <otffile> as WOFF, creating <otffile>.woff
Options:
-v <maj>.<min>     set font version number (major and minor, both integers)
-m <metadata.xml>  include metadata from <metadata.xml> (not validated)
-p <private.dat>   include private data block
于 2012-04-17T12:20:18.977 に答える
0

私もWOFFフォントを持っています。次の両方のコマンドを試しました。

  1. sfnt2woff -v 1.0 -m metadata.xml <fontfile>.ttf
  2. sfnt2woff samagana.ttf

フォントは最初のものより 1k 大きくなっています。ただし、Firefox → ツール → ページ情報 → フォント では、含まれているメタデータが表示されません。おそらく、Font Information 拡張機能またはこのプログラムのバグです。

于 2012-08-21T00:07:12.603 に答える