Question

我正在尝试更改文字的字体系列。使用fabric.js。实际问题是，当我选择font-family for text时，没有得到应用。当第二次我选择相同的字体时，文本font-family会改变。我不明白出了什么问题。

下面是我的字体css。

@font-face {
 font-family: 'GothamBold';
 src: url('../fonts/GothamBold/GothamBold.eot?#iefix') format('embedded-opentype'),
 url('../fonts/GothamBold/GothamBold.woff') format('woff'),
 url('../fonts/GothamBold/GothamBold.ttf')  format('truetype'),
 url('../fonts/GothamBold/GothamBold.svg#GothamBold') format('svg');
 font-weight: normal;
 font-style: normal;
}

我的面料脚本如下所示

$('#fontFamily').change(function(){
    var obj = canvas.getActiveObject();
    if(obj){
        obj.set($(this).attr('id'),$(this).val()); 
    }
    canvas.renderAll();
});

我尝试了下面的一个解决方案，但仍然提出相同的问题

<FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

请告诉我这个字体问题。我的代码中的错误在哪里？

字体加载不正确

0 个答案: