3

.css を使用して Web アプリケーションにフォントを追加したいと考えています。@font-facecss にプロパティがあることは知っていますが、問題は、それを定義するときにソース (src) を定義する必要があることです。私の問題は、自分のコンピューターにあるフォントを実際に追加したいということです。この Web アプリケーションをインターネットにデプロイしたときに正しく表示されるように、Web アプリケーションに追加したいと考えています。

私の質問は、その特定の (私のコンピューターにある) フォントを Web アプリケーションに追加するにはどうすればよいかということです。そのURLは何ですか？

@font-face {
  font-family: 'fontfacename';
  src: url('?') format ('?');
}
4

2 に答える 2

4

複数のブラウザーとオペレーティング システムをサポートするには、いくつかの異なるフォント形式が必要です。FontSquirrelなどのサービスは、使用する予定のフォント データに制限がなければ、ファイルと CSS を生成できます (「コンピューター内の」多くのフォントはライセンスを必要とせず、多くの商用フォント ベンダーも提供しています)。 ）。

CSS コードは次のようになります。

@font-face {
    font-family: 'FontName';
    src: url('FileName.eot');
    src: url('FileName.eot?#iefix') format('embedded-opentype'),
         url('FileName.woff') format('woff'),
         url('FileName.ttf') format('truetype'),
         url('FileName.svg#FontName') format('svg');
    font-style: normal;
    font-weight: normal;
}
于 2013-06-27T12:40:36.663 に答える