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 设置为 antialiased，并且 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 回答