Question

下面提到的代码在Window 7浏览器上工作正常，但没有改变触摸设备中的字体系列。浏览器。

aa<-function(x){
  if (x==3|x==4|x==5){
    return (1)}
  else if (x==6|x==7|x==8){
    return(2)}
  else{
    return(0)}
}

Answer 1

我使用过外部字体系列。

实施例

mmap

对于使用此链接的外部字体系列http://fontsforweb.com。

在我的情况下，只需使用

<head>
<style>
@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

div {
    font-family: myFirstFont;
}
</style>
</head>
<body>

<div>With CSS3, websites can finally use fonts other than the pre selected "web-safe" fonts.</div>

<p><b>Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule with the WOFF format (only support for EOT format).</p>

</body>

Answer 2

如果已经加载了字体，则仍不更新fontFamily，请使用此技巧。

再次将文本重新分配给text属性并呈现

 var obj =  this.canvas.getActiveObject();
 obj.set('fontFamily','Arial');
 obj.text = obj.text;  
 this.canvas.renderAll();

如果上述方法不起作用，则将一些字符串连接到文本并呈现，然后删除该字符串并再次呈现。

 var obj =  this.canvas.getActiveObject();
 obj.set('fontFamily','Arial');
 obj.text = obj.text+" ";  
 this.canvas.renderAll();  
 obj.text = obj.text;  
 this.canvas.renderAll();

注意：这解决了我在应用时不更改fontFamily的问题。

Fabric.js字体系列不适用于触摸设备

2 个答案: