CSSのフォントウェイトを制御するには

Question

私は私の小さな製品の1つのリンク先ページで作業しています。私のターゲットグループは、Mac上であることを行っているので、

http://finaltouchapp.com/

アプリケーションはOSX用です。彼らの多くはHelvetica Neueを持っているので、私はフォントファミリーとこのようなフォントウェイトを作成しました。

font-family： "Helvetica Neue"、Helvetica、Arial、 "Lucida Grande"、sans-serif; font-weight：100;

いくつかのマシンでは、このような超軽量バージョンが表示されるという問題があります。

https://img.skitch.com/20110808-kwyja7m8anmjsyc1xcqqk174x1.png

私のマシン上で、それは私が、その後

フォントファミリのようなもので、より具体的にしようとした光

で適切な重量を示しています。「HelveticaNeue-ライト」、 "Helvetica Neue Light"、 "Helvetica Neue"、Helvetica、Arial、 "Lucida Grande"、サンセリフ。

まだ運がありません。

人々はHelvetica Neueフォルダに異なる重みを持っていると思っていますが、どう対処すべきか分かりません。

もちろん、font-faceを使用することもできますが、私はむしろフォントを持っている人とそれ以外の人は普通のHelveticaを使用しています。

誰もがそれに対処する方法を知っています。

Answer 1

CSS3を使用すると、独自のTTFフォントファイルを組み込んで使用することができます。

@font-face { 
    font-family: " your FontName "; 
    src: url(/location/of/font/FontFileName.eot); /* IE */ 
    src: local(" real FontName "), url(/location/of/font/FontFileName.ttf) format("truetype"); /* non-IE */ 
} 

/* THEN use like you would any other font */ 
.yourFontName { 
    font-family:" your FontName ", verdana, helvetica, sans-serif; 
} 

上記のコードスニペットは、http://randsco.com/index.php/2009/07/04/p680です。これについて詳しく説明しています。