0

私はubuntuでウェブサイトをやっていて、UI部分を完成させました。ubuntuではすべてがスムーズに機能していましたが、Windowsに切り替えると、すべてのフォントが歪んでいます。次のコードを試しました

@font-face {
    font-family: 'garrisonsb';
    src: url('../fonts/garrisons-bold.eot');
    src: url('../fonts/garrisons-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garrisons-bold.woff') format('woff'),
         url('../fonts/garrisons-bold.ttf') format('truetype'),
         url('../fonts/garrisons-bold.svg#garrison_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'garrisons';
    src: url('../fonts/garrisons-regular.eot');
    src: url('../fonts/garrisons-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garrisons-regular.woff') format('woff'),
         url('../fonts/garrisons-regular.ttf') format('truetype'),
         url('../fonts/garrisons-regular.svg#garrison_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rupee';
    src: url('../fonts/Rupee.eot');
    src: url('../fonts/Rupee.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rupee.woff') format('woff'),
         url('../fonts/Rupee.ttf') format('truetype'),
         url('../fonts/Rupee.svg#rupeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

指定されたコードは、squirrel-generator を使用して生成されています。font-smooth プロパティを「always」に設定し、-webkit-font-smoothing をアンチエイリアスに設定して試してみました。font-weight も「通常」ではなく通常の場合は 700、太字の場合は 900 に指定されましたが、何も機能しませんでした。

最適なソリューションを提案してください......

4

2 に答える 2

0

Web フォントは、すべてのブラウザーで滑らかではありません。-webkit-font-smoothing: antialiasedWeb-kit ブラウザーに使用する必要がある場合があります。

最良の結果を得るには、カラー設定とシャドウを使用text-shadow: 0px 0px 1px #GOOD-COLOR-HEREまたは微調整することをお勧めします。text-shadow: 0px 0px 1px rgba(COLOR-SETTINGS-HERE)

于 2013-03-06T15:46:23.810 に答える
0

問題がすべてのブラウザに残っていると言うと、「フォントに何か問題があるのでしょうか、それとも何か他のものでしょうか?」という質問が表示されます。結果を確認するために、Windows の別のカスタム フォントでそれを行うことはできますか?

@Madhu Roxが提供するソリューションはかなり最先端ですが。

于 2013-03-06T15:56:45.990 に答える