html - Bradley Hand ITC Bold 字体未在 mozilla 和 chrome 中显示

Question

我遇到了 brandley 手写字体的问题，它在 safari 中看起来很完美，但在称为 mozilla 和 chrome 的巨型浏览器中都存在问题。这是代码。

    @font-face {
    font-family: "BradleyHandITCBold";
    src: url(BradleyHandITCBold.ttf); 
    }
   .newfont
    { 
    font-family: 'BradleyHandITCBold';
    }

Answer 1

解决方案:只有 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