css – 如何为所有浏览器嵌入ttf格式的自定义网站字体?

前端之家收集整理的这篇文章主要介绍了css – 如何为所有浏览器嵌入ttf格式的自定义网站字体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的网站上,我使用了我上传自定义字体。它似乎是选择何时间歇地工作。它适用于某些电脑/浏览器,但不适用于其他计算机/浏览器。它也被映射正确。

这是我的代码

<style type="text/css">
@font-face {
    font-family: 'AgencyFBRegular';
    src: url('agencyr.eot');
    src: url('agencyr.eot?#iefix') format('embedded-opentype'),url('agencyr.woff') format('woff'),url('AGENCYR.TTF') format('truetype'),url('agencyr.svg#AgencyFBRegular') format('svg');
}


h3 {    font-family: 'Agency FB',sans-serif; font-size: 26px; font-weight:normal; text-align: left; line-height: 100%;
    border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom:7px; 
</style>

我以为它是无处不在,直到我用一个朋友的笔记本电脑才能看到它。

你能看到我在哪里错了吗?

更新:
我已经更新了字体CSS。它似乎正在工作,但现在不在iOS上。

解决方法

以下代码应该工作:
@font-face {
    font-family:"AgencyFBRegular";
    src: url("agencyr.eot") /* EOT file for IE */
}
@font-face {
    font-family:"AgencyFBRegular";
    src: url("agencyr.ttf") /* TTF file for CSS3 browsers */
}

h3 {
    font-family:'Agency FB',sans-serif;
    font-size: 26px;
    font-weight:normal;
    text-align: left;
    line-height: 100%;
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom:7px;
}

猜你在找的CSS相关文章