Question

我正在使用@ font-face。我不得不把它分成两部分，因为firefox继续使用第一个字体，它显示出蹩脚。实际上它仍然在firefox中显示模糊/像素化。有什么解决方案吗？无论如何它现在看起来都很好，但是我无法使用任何大胆的功能。似乎并不重要我在代码中添加它无论是在CSS中还是直接在html中它使得字体更大胆。这是正常的吗？

@font-face {
font-family: TektonPro-BoldExt;
src:url('../fonts/TektonPro-BoldExt.eot') format('embedded-opentype'), /* For IE */ 
    url('../fonts/TektonPro-BoldExt.eot?#iefix') format('embedded-opentype'), /* For fix-IE */
    url('../fonts/TektonPro-BoldExt.woff') format('woff'), /* For new-IE */
    url('../fonts/TektonPro-BoldExt.otf') format('opentype'), /* For non-IE */
    url('../fonts/TektonPro-BoldExt.ttf') format('truetype'), /* For non-IE */
    url('../fonts/TektonPro-BoldExt.svg') format('svg'); /* For non-IE */
font-weight: bolder;
font-style: normal;
}

@font-face {
font-family: TektonPro-BoldExt-FF;
src:url('../fonts/TektonPro-BoldExt.otf') format('opentype'); /* For Firefox */
font-weight: bolder;
font-style: normal;
}

Answer 1

并非所有字体都具有可以呈现为粗体的粗体。您可以尝试以100为增量调整font-weight以查看是否有任何区别。

关于使用第一种字体的Firefox，你的意思是它是在缓存你以前用过的另一种字体吗？

@ font-face的问题

1 个答案: