2011-06-30 5 views
0

私はBPreplayというフォントを使用したいと思います。少なくとも1つの主要なブラウザではサポートされていないと思います。ブラウザでサポートされていないフォントを表示する方法はありますか?

cssやjavascript/jqueryなどの方法を使用して、ブラウザが自分のウェブサイトのフォントをサポートして使用できるようにする方法がありますか?

ありがとうございます!

+0

ブラウザはほとんどのフォントをサポートします。フォントフォーマット。 – BoltClock

答えて

2

@font-faceプロパティを使用してカスタムフォントを使用できます。 各ブラウザには異なる種類のフォントが必要です。 hereを読んで、すべてのブラウザと互換性のあるフォントを見つけることができますhere

+0

+1についてはfont-squirrelも参照してください。 – kinakuta

0

Google Webフォントを見ましたか? http://www.google.com/webfonts

+0

私はそれをお勧めしません。少なくともここでは、フォントが読み込まれる前にテキストが少し隠されています。私はそれが醜いと思います。 – Ravan

+0

プラス、Google Webフォントのアンチエイリアスはそれほど素晴らしいものではありません。 – Terry

2

あなたはCufonまたはsIFRについて調査しましたか? Cufonはhttp://cufon.shoqolate.com/generate/にあり、sIFRはhttp://wiki.novemberborn.net/sifr/にあります。

あなたはあなたが望むフォントを提供することができます。

+1

私はsIFRの使用を控えています - 私はしばらくそれを使用し、すぐにCufonに切り替えました。 Cufonは、Flashサポートの必要なしに行うため、代わりにHTML5の ''要素を使用するため、より良いオプションです。 p/s:フォントの利用規約を必ずお読みください。 – Terry

+0

私はWordpressを含むすべての私のサイトでCufonを使用し、ブラウザとそのバージョン間でフォントとそのサイズを統一しようとしています。または、彼のビジネス名のためにすべての大文字でPark Avenueフォントを十分に得ることができないクライアントを幸せな小さな仲間にすること。 – Sanden

0

@font-face cssプロパティを使用すると、カスタムフォントをサーバーでホストしてからURLを指定することでカスタムフォントを指定できます。あなたはそれをあなたはまたあなたのためのホスティングとliscensingを処理するためにGoogle web fontsまたはfontsquirrelのようなサービスを利用することができます

@font-face { 
    font-family: 'BPrelay'; 
    src: url('fontname.ttf'); 
} 

p { 
    font-family: BPrelay, helvetica, arial, sans-serif; 
} 

のようなものを実装することができます。私がする@ font-faceよりエレガントたくさんcufon見つけ帯域幅

0

節約する - - ユーザーがそれを持っている場合にもprovide a fallback to a local fileができる

アンチエイリアシングが道鮮明です。ええ、JavaScriptを使ってスタイリングをコントロールしていますが、これはCSSだけにしておくべきですが、うまくいきました。ほとんどの人がWeb標準について2つの情報を与えることはできませんでした。

関連する問題