我遇到了 brandley 手写字体的问题, 它在 safari 中看起来很完美,但在称为 mozilla 和 chrome 的巨型浏览器中都存在问题。 这是代码。
@font-face {
font-family: "BradleyHandITCBold";
src: url(BradleyHandITCBold.ttf);
}
.newfont
{
font-family: 'BradleyHandITCBold';
}
最佳答案
解决方案: 只有 mozilla 和 chrome 有问题,因为它的现代浏览器不支持 ttf 字体,所以需要将 TTF 转换为 WOFF 或 WOFF2。 我使用 TTF 将其转换为 WOFF 转换器,并且效果很好。 这是已解决的代码。
@font-face {
font-family: 'BradleyHandITCBold';
src: url("css/BradleyHandITCBold.ttf") format('truetype');
src: url("css/BradleyHandITCBold.woff") format('woff');
}
.newfont
{ font-family: 'BradleyHandITCBold' !important;
font-size : 31px;
}
我在这里发帖是为了将来帮助其他开发人员。 感谢您的评论@t.niese
关于html - Bradley Hand ITC Bold 字体未在 mozilla 和 chrome 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29084306/