問題は、Mac OSX 上の Chrome が基本的なラテン ブロックのレンダリング タイプのように見えることです。font-face を使用する IE 用の条件付きスタイルシートがありますが、IE 以外には font-face を使用していません。これは内部システム フォントの問題である可能性があると推測していますが (エラーは自分のシステムにはありません)、確認したいと思います。
このテキストの CSS は次のとおりです。
@font-face {
font-family: HelveticaNeue-Bold;
src: url('type/helveticaneue/helveticaneue-bold.eot');
src: local('☺'), url('type/helveticaneue/helveticaneue-bold.eot?#iefix') format('embedded-opentype'),
url('type/helveticaneue/helveticaneue-bold.woff') format('woff'),
url('type/helveticaneue/helveticaneue-bold.ttf') format('truetype'),
url('type/helveticaneue/helveticaneue-bold.svg#helveticaneue-bold') format('svg');
font-weight: normal;
font-style: normal;
}
#Text {
font-family: 'HelveticaNeue-Bold', Helvetica Neue, Helvetica, Arial, sans-serif!important;
font-weight: 700;
}
IE の条件付きスタイルシートの CSS は次のとおりです。
#Text {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display: inline-block;
width: 670px;
margin: 0 0 54px 0;
color: #c1c1c1;
}
テキストは次のように表示されます。