使用 CSS 包含 .ttf 字体
当尝试使用 .ttf 文件为网页合并全局字体时，您可以如果您的字体没有更改，则会遇到问题。让我们排查可能的原因：
代码疑难解答
提供的代码缺少跨浏览器兼容性的关键元素。除了.ttf文件之外，您还需要为不同的浏览器提供替代格式：
<code class="css">@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}</code>自动化工具
以简化生成这些多种字体的过程格式，您可以使用 Font Squirrel 或 Transfonter 等工具。
现代浏览器支持
对于现代浏览器，您可以选择更简洁的方法：
<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中文网其他相关文章！
