2

私は自分のウェブサイトに独自のフォントを追加しようとしています。かなりの数のスタックオーバーフローの記事をチェックアウトしましたが、その多くはブラウザー固有またはパスの問題のようです。フォントをどのブラウザでも表示できないようですが、どうしたのですか？

@font-face {
font-family: "Helvetica";
src: url('http://spawnasite.co.uk/Helvetica-Condensed-Light-Light.ttf') format("truetype");
}

h1{
text-align: center;
text-transform:uppercase;
color:#232323;
font-size: 24px;
font-family: "Helvetica", sans-serif;
}

JSフィドルはこちらhttp://jsfiddle.net/Gz26Q/

4

3 に答える 3

0

ここでの私の推測では、参照しているフォントは保護されています。

すべてのフォント メーカー、特に Helvetica のようなメーカーがフォントの埋め込みを許可しているわけではありません。これを防ぐために、フォント内にコードがあります。

コンピューターでフォントを使用することはできますが、フォントがインストールされていない別のアプリケーションやドキュメントに埋め込むことはできません。

前に述べたことからのリマインダーとして：

  1. "Helvetica"デフォルトの命名規則を上書きしないように、カスタム font-family の名前を別の名前に変更します。
  2. バックアップには複数の種類のフォントを使用してください。

さらに、

  1. FontSquirrelを参照することを強くお勧めします。一部のフォントには、すぐに使用できるように事前に作成された独自の Web フォント キットもあります。
  2. Chrome でフォントを読み込もうとしてレンダリングを改善したい場合は、宣言の先頭に SVG を配置してください。詳しくはこちらをご覧ください。
于 2013-09-12T18:27:04.140 に答える
0
  1. myHelvetica という既存のフォントをオーバーライドしようとしています。
  2. 他の形式を使用します: eot、wot。

次のリンクを参照してください。

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

http://caniuse.com/ttf

于 2013-09-12T18:08:25.527 に答える