4

私が使用したい特定のフォントの種類 (合字を含む) は、OpenType としてのみ利用可能です。

どのブラウザで正しく表示できるか、CSS にどのように追加すればよいかを調べています。

2012 年 7 月の次の記事を見つけました。ポール アイリッシュからの寄稿もあり、おそらく信頼できるものであることが示唆されています。

http://www.typotheque.com/articles/opentype_features_in_web_browsers

しかし、OpenType フォントと OpenType 機能の違いがわかりません。

But while all modern browsers can display OpenType *fonts*, only Firefox 
(since version 4) [1], Internet Explorer 10 (preview version)[2] and 
the latest versions of Google Chrome[12] are currently able to display 
OpenType *features*.

そう：

  1. この OpenType フォントを最新のブラウザーで使用できますか? OpenType フォントと機能の違いは何ですか? ASCII 文字と合字を表示できるようにしたいと考えています。
  2. この OpenType フォントを実際に CSS に含めるにはどうすればよいですか?
4

3 に答える 3

5

フォント (ダウンロード可能なフォントとして合法的に使用できるフォント) をブラウザーで使用する実際的な方法は、FontSquirrel @font-face Generatorなどのサービスを使用して、必要なさまざまなフォント形式を作成し、それが生成する CSS コードを使用することです。 、慎重に（斜体、太字、または通常以外の書体の場合は微調整が必​​要になる場合があります）。

フォントに元から合字の定義があり、コンバーターがその情報を保持している場合 (変換後にいくつかのテストを実行する必要があります)、最新バージョンの Firefox ではデフォルトで「標準」の合字が使用されます。Chrome と Safari で使用するには、CSS 宣言を追加します。

text-rendering: optimizeLegibility

（合字でレンダリングする必要がある要素に適用されます）、IE 10もカバーするために、追加します

-ms-font-feature-settings: "liga";

安全のために、提案された標準設定も追加します。

font-feature-settings: "liga";

これにより、現在または近い将来に取得できるすべてが得られると思います。

フォントに文脈依存 ( clig)、随意 ( dlig)、または歴史的 ( hlig) 合字の定義が含まれている場合は、一部のブラウザーでそれらを有効にすることができます。たとえば、次の例では、標準の合字に加えて任意の合字を有効にします。

-ms-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";

これらは、 Google Web フォントSource Sans Proを使用してテストできます。これには、「ff」と「ft」の標準的な合字があります (少なくとも十分に大きなフォント サイズでは、合字以外のレンダリングと区別できます)。

理論的には、OpenType は仕様であり、フォント ファイルに活字情報を埋め込むことを可能にするフォント形式です。ブラウザは、埋め込まれた情報の使用をサポートせずにフォーマットをサポートする場合があります。

于 2012-11-27T18:28:05.550 に答える
0
  1. otfをfont-squirrelにアップロードします-http ://www.fontsquirrel.com/fontface/generator
  2. fontspringが提供する構文を使用します-http ://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax
于 2012-11-27T17:16:59.947 に答える
0

OpenType機能は、OpenTypeフォントの文字間の合字を使用する可能性があると思います。これは、ブラウザが文字を相互接続する方法であり、タグの膨大なリストがあります。

この記事で詳細を確認できます：http：//ilovetypography.com/OpenType/opentype-features.html。

また、ウィキペディアの記事でタグの仕様を確認できます。Paul Irishやその他の人が言っていることは、すべてのブラウザがこの機能をサポートしているわけではありませんが、最近のほとんどすべてのブラウザはcss3プロパティをサポートする傾向があり、そのうちの1つは@font-faceルールにフォントタイプを含めることです。=> http://www.w3schools.com/css3/css3_fonts.asp

フォントの変換が必要な場合は、fontsquirrelサービスを確認できます：www.fontsquirrel.com

于 2012-11-27T17:11:14.903 に答える