通过 CSS 合并 .ttf 字体
问题：
尝试实现网页的全局字体，.ttf 文件包含在 CSS 中。但是，字体无法按预期显示。
代码片段：
<code class="css">@font-face {
font-family: 'oswald';
src: url('/font/oswald.regular.ttf');
}
html, body, div, span, ... {
font-family: oswald;
}</code>根本原因：
中Web 字体实现，仅提供 .ttf 文件不足以实现跨浏览器兼容性。
解决方案：
为了支持跨不同浏览器的兼容性，多种字体的组合建议使用以下格式：
<code class="css">@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compatibility Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, iOS, Android */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}</code>替代方法：
为了改进浏览器支持，现代浏览器建议选择 .woff 字体格式：
<code class="css">@font-face {
font-family: 'MyWebFont';
src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3-5 */
}</code>其他资源：
以上是为什么我的 .ttf 字体无法在我的网站中正确显示？的详细内容。更多信息请关注PHP中文网其他相关文章！
