【发布时间】：2014-10-22 02:25:16
【问题描述】：
早上好！
我和我的团队昨天大部分时间都在试图弄清楚为什么当我昨天早上启动服务器时，我正在处理的网站上的所有字体都显示 Times New Roman。该站点是使用 Eclipse Workspace 用 JSF 编写的，所以我们起初认为这是 Workspace 的问题，因为该站点对我的一位同事正确显示。
在花费数小时重建和调试工作区后，我们得出结论，要么是代码，要么是浏览器。我花了大约一个小时查看代码，但找不到任何会导致我们出现问题的问题，所以我们得出结论是浏览器。就在那时，我的一位同事建议网站正常显示的人更新到最新版本的 Chrome - 这导致字体损坏。
最新版本是：38.0.2125.104。
嵌入字体的代码如下所示（JSF 资源标签只是从库中呈现一个 HREF）：
@font-face { font-family: 'aleoreregular';
src: url(#{resource['lib:library/ui/fonts/aleo/aleo_regular_macroman/Aleo-Regular-webfont.eot']});
src: url(#{resource['lib:library/ui/fonts/aleo/aleo_regular_macroman/Aleo-Regular-webfont.woff']}) format('woff'),
url(#{resource['lib:library/ui/fonts/aleo/aleo_regular_macroman/Aleo-Regular-webfont.ttf']}) format('truetype'),
url(#{resource['lib:library/ui/fonts/aleo/aleo_regular_macroman/Aleo-Regular-webfont.svg']}) format('svg');
font-weight: normal;
font-style: normal;
}
或者，在没有 JSF 的 CSS 中看起来像这样： @font-face {
font-family: 'sinkin_sans600_semibold';
src: url('../fonts/sinkin-sans/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.eot');
src: url('../fonts/sinkin-sans/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sinkin-sans/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.woff') format('woff'),
url('../fonts/sinkin-sans/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.ttf') format('truetype'),
url('../fonts/sinkin-sans/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.svg#sinkin_sans600_semibold') format('svg');
font-weight: normal;
font-style: normal;
}
在 Firefox 的控制台上，我收到此错误： “可下载字体：FTTM：未对齐的表格（字体系列：....）”
任何建议将不胜感激。
【问题讨论】：
标签： css google-chrome jsf fonts